Los títulos son la forma de tener ordenado el documento. Algunos buscadores hacen un resumen de nuestro documento utilizando los títulos. También puede ser que den más importancia a las palabras que aparecen en nuestros títulos.
Estos títulos sí aparecen en la página, son diferentes de <title>.
No es obligatorio poner estos tipos de títulos en una página. Es recomendable si tu página contiene un curso con capítulos, apartados y subapartados. También es recomendable si son intrucciones, un informe, un catálogo,...
Los títulos se indican con las etiquetas h1,h2,h3,h4,h5,h6 (la h viene de heading, encabezamiento) y van de mayor nivel (<h1>) a menor nivel (<h6>).
El título de mayor nivel se indica con las etiquetas <h1> y </h1>. Conviene respetar el orden de los títulos, poner primero los de nivel 1, luego de nivel 2, nivel 3,...
Los títulos normalmente se muestran con un tamaño de letra mayor que el normal aunque no tiene por qué ser así.
Esta y las siguientes etiquetas de título tienen unas opciónes que indican cómo se debe alinear el texto: ALIGN= left | center | right. Si no se indica nada se coloca a la izquierda.
Si queremos alinear el texto en el centro:
<h1 align=center>Este es mi título</h1>
y esto da como resultado:
Este es mi título
Estos son los títulos de segundo nivel. Son de menor importancia que los anteriores. Se suele representar en negrita y con un tamaño de letra inferior a h1, aunque no tiene por qué ser así (depende del navegador).
Este tiene las misma opciónes que h1.
Tenemos hasta seis encabezamientos posibles, cada uno de menor importancia con respecto al anterior. Cuanta menor importancia tienen se le suele poner en un tamaño de letra menor (aunque insisto que depende del navegador). Existen las mismas opciones que para los anteriores.
Y para ilustrar todo esto nada mejor que un sencillo ejemplo. No te preocupes por el contenido, el THLD no existe, me lo he inventado: ejemplo6.html
El código del ejemplo es el siguiente:
<html> <head> <title>Página con títulos</title> </head> <body> <h1 align=center>Curso de THLD</h1> <p>Este es un boceto para un curso de THLD (no existe tal cosa).</p> <h2>Introducción</h2> <h3>¿Qué es el THLD?</h3> <p>No es nada, no existe eso.</p> <h3>¿Para qué sirve?</h3> <p>Como no existe no sirve para nada</p> <h3>Versiones</h3> <h4>Versión 1</h4> <p>La versión 1 no existe. <h4>Versión 2</h4> <p>Si no existe la versión 1 la 2 menos todavía.</p> <h2>Conclusiones</h2> <p>Esto es sólo una página de ejemplo y el THLD no existe (al menos que yo sepa). </body> </html>