Los elementos de Cabecera se usan para dividir su documento en secciones y subsecciones. La cabecera de más alto nivel, h1, normalmente aparecerá una sola vez por documento y contendrá el título del documento. A menudo tendrá el mismo contenido que el elemento <title></title>.

Predeterminadamente, cada sucesivo elemento de cabecera tiene un estilo que indica importancia decreciente. h2 se usa a menudo como título de sección, ya que se renderiza con una fuente de menor tamaño, tomando menos énfasis que h1. El elemento h3 se usa para subsecciones, y recibe aún menos énfasis, y así sucesivamente. La cadena de énfasis decrece hasta llegar a h6. Puesto que normalmente la información no se subdivide más allá de sub-sub-secciones, los elementos h4 e inferiores són comunmente menos usados que los elementos de cabecera de alto nivel.

Validación de Sintaxis

HTML es un lenguaje formal, y como todos los lenguajes formales tiene un conjunto bien definido de reglas para su sintaxis.

El Consorcio WWW (W3C) proporciona un sitio web para verificar la sintaxis, o la validación del marcado de sus páginas web. El URL del validador es http://validator.w3.org. Puede comprobar sus páginas para ver si tienen la sintaxis correcta copiando y pegando, subiendo un fichero o escribiendo una dirección web (si está en un sitio web público).

Una barra verde significa que su página ha pasado la validación, y una barra roja significa que contiene errores. Debería comprobar todas sus páginas a medida que avanzase en este tutorial y asegurarse de que obtiene una barra verde.

Enlace de Validación

Si su página web es accesible públicamente, puede añadir esto al final de la página (encima de la etiqueta </body>) para crear un enlace que la envíe al W3C para su validación:

<footer style="text-align: center;">
<a href="http://validator.w3.org/check/referer">
<strong> HTML </strong> ¡Válido! </a>
</footer>

Aquí está la versión de la minimal_page.html con el enlace de validación incluido. Después de hacer click en el enlace, haga click con el botón derecho del ratón en la página que se cargue (que se verá completamente vacía excepto por el enlace HTML ¡Válido!), y seleccione Guardar página como... para descargar una copia local de la página.

Ejercicios:

1. Copie pagina_minima.html como manos.html .
2. Coloque Ejercicios de Manos a la obra con HTML en el título y en una cabecera de alto nivel (h1) en el cuerpo.
3. Utilice elementos <h2></h2> para crear secciones con las etiquetas siguientes:
   • Elementos
   • Listas
   • Tablas
   • Enlaces
   • Imágenes
4. Utilice elementos <h3></h3> para crear subsecciones de la sección Elementos con estas etiquetas:
   • Elementos de bloque
   • Elementos en línea
   • Elementos de objetos
   • Caracteres especiales
5. Utilice elementos <h3></h3> para crear subsecciones de la sección Listas con las etiquetas siguientes:
   • Ordenadas
   • No ordenadas
   • De definición
6. Finalmente, utilice elementos <h3></h3> para crear subsecciones para la sección Enlaces, creando subsecciones con estas etiquetas:
   • Absoluto
   • Relativo

7. Utilice el validador w3c para validar esta página web. Asegúrese de que obtiene una barra verde cuando envíe la página al validador.

   Después de completar este ejercicio, su página web debería parecerse a algo como esto.

8. Ahora añada el enlace de validación a la página index.html que hizo en la Lección 1. Nuevamente, asegúrese de que obtiene una barra verde cuando compruebe si la sintaxis de su página es válida.