En un documento de HTML se pueden indicar seis tipos de cabeceras (tamaños de letra) por medio de las directivas <H1><H2><H3><H4><H5> y <H6>. El texto que escribamos entre el inicio y el fin de la directiva será el afectado por las cabeceras. La cabecera <H1> será la que muestre el texto en mayor tamaño.
Ejemplo | Se veria como |
---|---|
<H1>Texto de Prueba</H1> | Texto de prueba |
<H2>Texto de Prueba</H2> | Texto de Prueba |
<H3>Texto de Prueba</H3> | Texto de Prueba |
<H4>Texto de Prueba</H4> | Texto de Prueba |
<H5>Texto de Prueba</H5> | Texto de Prueba |
<H6>Texto de Prueba</H6> | Texto de Prueba |
Los textos marcados como "cabeceras" provocan automáticamente un retorno de carro sin necesidad de incluir la directiva <BR>. Por ejemplo
Ejemplo | Se veria como |
---|---|
<H3>Página Web</H3>Esta es una página de prueba. | Página WebEsta es una página de prueba |
Para indicar atributos del texto (negrilla, subrayado, etc...) tenemos varias directivas. Algunas de ellas no son reconocidas por determinados visores de Internet, es por ello que según el visor que este vd. utilizando, verá el resultado correctamente o no.
Atributo | Directiva | Ejemplo | Resultado |
---|---|---|---|
Negrita | <B></B> | <B>Texto de prueba</B> | Texto de prueba |
Cursiva | <I></I> | <I>Texto de prueba</I> | Texto de prueba |
Teletype | <TT></TT> | <TT>Texto de prueba</TT> | Texto de prueba |
Subrayado | <U></U> | <U>Texto de prueba</U> | Texto de prueba |
Tachado | <S></S> | <S>Texto de prueba</S> | |
Parpadeo | <BLINK></BLINK> | <BLINK>Texto de prueba</BLINK> | |
Superindice | <SUP></SUP> | <SUP>Texto de prueba</SUP> | Texto de prueba |
Subindice | <SUB></SUB> | <SUB>Texto de prueba</SUB> | Texto de prueba |
Centrado | <CENTER></CENTER> | <CENTER>Texto de prueba</CENTER> | Texto de prueba |
Por otro lado la directiva <FONT></FONT> nos permite variar el tamaño, el color, y el tipo de letra de un texto determinado. Utiliza para ello los parámetros size, bgcolor y face.
Ejemplo | Se vería como |
---|---|
<FONT size = +2 color = "#FF0000 face = "Arial"> Texto de prueba </FONT> | Texto de prueba |
Existen otras directivas que realizan las mismas operaciones que las antes vistas en los atributos del texto.
Directiva | Hace lo mismo que |
---|---|
<STRONG></STRONG> | <B></B> |
<CITE></CITE> | <I></I> |
<STRIKE></STRIKE> | <S></S> |
Para incluir comentarios en la página Web se utiliza la directiva <!-- -->.
Ejemplo :
<!-- Esto es un comentario sobre mi página Web -->
Los comentarios no seran mostrados por el visor y son útiles para realizar anotaciones en el documento HTML que nos indiquen lo que estamos haciendo en una determinada parte del documento. Asimismo veremos más adelante que la directiva de comentario nos será de utilidad para incluir código JavaScript en nuestra página Web.