Una vez estructurado el texto en párrafos, encabezados y listas, el siguiente paso es aplicar los diferentes estilos que componen el texto.
Objetivos
1. Conocer los diferentes estilos que se le puede aplicar al texto de nuestras paginas Web.
Descripcion
Las etiquetas de estilo afectan a palabras o carácteres dentro de HTML, modificando el aspecto del texto para que sea diferente del texto que lo rodea.
Ejemplos:
<b> Texto en negrita </b>
<i> Texto en cursiva </i>
<u> Texto subrayado </u>
<sup> Texto en superindice </sup>
<sub> Texto en subindice </sub>
<i> Texto en cursiva </i>
<u> Texto subrayado </u>
<sup> Texto en superindice </sup>
<sub> Texto en subindice </sub>
Actividad
Crea una pagina Web con el siguiente codigo y comprueba los diferentes estilos que se le aplico al texto de nuestra pagina.
<html>
<head>
<title> Texto con Estilo </title>
</head>
<body>
<h1> El Artico ha perdido el 14% de su hielo marino </h1>
<b>WASHINGTON.-</b> El hielo perenne del Artico se redulo en un 14% durante el ultimo año, al perder <u>720.000 kilometros cuadrados</u>.
<i>
"Los cambios registrados en el hielo artico son rapidos y espectaculares."
</i>
<head>
<title> Texto con Estilo </title>
</head>
<body>
<h1> El Artico ha perdido el 14% de su hielo marino </h1>
<b>WASHINGTON.-</b> El hielo perenne del Artico se redulo en un 14% durante el ultimo año, al perder <u>720.000 kilometros cuadrados</u>.
<p>
<b>Son Nghiem</b>, investigador del JPL ha declarado que:
</p><i>
"Los cambios registrados en el hielo artico son rapidos y espectaculares."
</i>
</body>
</html>Resultado
Observe como se aplicaron los estilos en el texto.
No hay comentarios:
Publicar un comentario
Comente sus dudas, sugerencias o temas que desee conocer: