Etiquetas <h1>..<h6>
Títulos o encabezados en el contenido
Las siguientes etiquetas permiten la definición de encabezados o títulos dentro del documento web.
La etiqueta se representa mediante las etiquetas <hX></hX>, siendo X un número entre 1 y 6, que establece el nivel del encabezado.
La presentación visual de los elementos de encabezado, suele ser en letra negrita, y dependiendo de su nivel, de 1 a 3 suele ser mayor que la letra base establecida, mientras que los niveles de 4 a 6 suele ser de tamaño menor a la letra establecida como base.
Se utilizan semánticamente para establecer separaciones en el documento web, o dar más relevancia a secciones del documento.
La sintaxis para las etiquetas de encabezado es la siguiente.
<h1>Contenido de texto del encabezado</h1>
<h2>Contenido de texto del encabezado</h2>
<h3>Contenido de texto del encabezado</h3>
<h4>Contenido de texto del encabezado</h4>
<h5>Contenido de texto del encabezado</h5>
<h6>Contenido de texto del encabezado</h6>
El siguiente ejemplo muestra el uso de encabezados en el documento web para destacar secciones en el mismo.
<!DOCTYPE HTML>
<html>
<head>
<title>Ejercicios prácticos HTML5</title>
<meta charset="utf-8">
<meta name="author" content="José Sáez">
<meta name="description" content="Ejercicios prácticos HTML5">
<meta name="generator" content="www.aprendoencasa.com, Curso práctico HTML5">
<meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<h1>Titulo de Nivel 1</h1>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos espécimen. </p>
<h2>Titulo de Nivel 2</h2>
<p>No sólo sobrevivió 500 años, sino que también ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.</p>
<h3>Titulo de Nivel 3</h3>
<p>Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenían pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.</p>
</body>
</html>El resultado del ejercicio anterior ha de ser similar al que se muestra en la imagen siguiente.
Etiquetas de encabezado, Curso Práctico HTML5
Gracias por vuestra visita y un saludo!!!
