Práctica 1
Ejemplo de Acentos, caracteres especiales y comentarios
<html>
<head>
<title>Mi primera página en html</title>
</head>
<body>
las etiquetas que hemos aprendido hasta ahora son las que forman la
estructura básica de un documento html: <html>, <head>,
<title> y <body>. también hemos aprendido a comentar
nuestras páginas con las etiquetas <!-- y -->.
</body>
</html>
Práctica 2
Ejemplos de tamaños
<html>
<head>
<title>Ejercicio sobre tamaños y formatos</title>
</head>
2. El cuerpo del documento quedaría como el siguiente:
<body>
<p style="font-size: 40px;">Esto está a un tamaño de 40px</p>
<p style="font-size: small;">Esto está a un tamaño small</p>
<p style="font-size: medium;">Esto está a un tamaño medium</p>
<p style="font-size: large;">Esto está a un tamaño large</p>
<p style="font-size: xx-large;">Esto está a un tamaño xx-large</p>
<p style="font-size: xx-small;">Esto está a un tamaño xx-small</p>
<p style="font-size: 2%;">Esto está a un tamaño 2%</p>
<p style="font-size: 20%;">Esto está a un tamaño 20%</p>
<p style="font-size: 80%;">Esto está a un tamaño 80%</p>
<p style="font-size: 200%;">Esto está a un tamaño 200%</p>
<p style="font-size: 300%;">Esto está a un tamaño 300%</p>
<h2>Pruebas de formatos</h2>
Esto es normal
<sub>y esto es subíndice: sub </sub><br>
Esto es normal <sup>y esto es superíndice: sup </sup><br>
<br>
</body>
</html>
Pràctica 3
Ejemplos de colores
<html>
<head>
<title>colores</title>
</head>
2) El cuerpo del documento quedaría como el siguiente:
<body style="color: rgb(0, 0, 0); background-color: rgb(122, 122, 122);">
<p style="color: black; font-weight: bold; font-size: xx-large;">#000000 negro</p>
<p style="color: white; font-weight: bold; font-size: xx-large;">#FFFFFF blanco</p>
<p style="color: red; font-weight: bold; font-size: xx-large;">#FF0000 rojo</p>
<p style="color: lime; font-weight: bold; font-size: xx-large;">#00FF00 verde</p>
<p style="color: blue; font-weight: bold; font-size: xx-large;">#0000FF azul</p>
<p style="color: yellow; font-weight: bold; font-size: xx-large;">#FFFF00 amarillo</p>
<p style="color: fuchsia; font-weight: bold; font-size: xx-large;">#FF00FF
morado,mezcla de rojo y azul</p>
</body>
</html>
Pràctica 4
Ejemplo de imagen de fondo
<html>
<body background="fondo.jpg">
<h3>Ejemplo de imagen de fondo</h3>
<p>se puede utilizar archivos en formatos jpg, gif o png.No es recomendable otro formato.</P>
<P> si la imagen es màs pequeña que la pàgina, se repetirà en mozaico.>
</body>
</html>
Pràctica 5
Ejemplo de lista
<ol type="i">
<li>Perro</li>
<li>Gato</li>
<li>Periquito</li></ol>
No hay comentarios.:
Publicar un comentario