Los encabezados son importantes ya que permiten organizar el contenido de la pagina Web en seis niveles. Vease un ejemplo en los libros, estos tienen contenido que se clasifica con titulos y subtitulos, los titulos tienen la jerarquia alta ya que poseen los subtitulos.
Descripción
Para crear los encabezados se utilizan las siguientes etiquetas: <h1>, <h2>, <h3>, <h4>, <h5> y <h6>.
Ejemplo:
<h1> Encabezado 1 </h1>
<h2> Encabezado 2 </h2>
<h3> Encabezado 3 </h3>
<h4> Encabezado 4 </h4>
<h5> Encabezado 5 </h5>
<h6> Encabezado 6 </h6>
<h2> Encabezado 2 </h2>
<h3> Encabezado 3 </h3>
<h4> Encabezado 4 </h4>
<h5> Encabezado 5 </h5>
<h6> Encabezado 6 </h6>
La etiqueta <h1> es el encabezado de mayor importancia y por tanto se utiliza para definir los titulares de la página.
La importancia del resto de encabezados es descendiente, de forma que la etiqueta <h6>, es la que se utiliza para delimitar las secciones menos importantes de la página.
Los encabezados creados con HTML son elementos de bloque, por lo que siempre ocupan toda la anchura de la ventana del navegador.
Actividad
Crea una pagina Web HTML con el siguiente código para comparar los diferentes niveles de los encabezados:
<html>
<head>
<title> Encabezados </title>
</head>
<body>
<h1> Encabezado 1 </h1>
<h2> Encabezado 2 </h2>
<h3> Encabezado 3 </h3>
<h4> Encabezado 4 </h4>
<h5> Encabezado 5 </h5>
<h6> Encabezado 6 </h6>
</body>
</html>
<head>
<title> Encabezados </title>
</head>
<body>
<h1> Encabezado 1 </h1>
<h2> Encabezado 2 </h2>
<h3> Encabezado 3 </h3>
<h4> Encabezado 4 </h4>
<h5> Encabezado 5 </h5>
<h6> Encabezado 6 </h6>
</body>
</html>
Resultado
