lunes, 8 de julio de 2019

3.h1....h6

                   La etiqueta de html <h1> .. <h6>


Las etiquetas <h1> a <h6> representan los encabezados. El <h1> representa el encabezado con tamaño de letra más grande y el <h6> el encabezado de letra más pequeño. Se utilizan para crear títulos de nuestras páginas web.
Las etiquetas etiquetas <h1> a <h6> en la versión de HTML 3.2 contenía el atributo align obsoleto para HTML4 y no soportado en HTML5. El atributo align te permitía alinear los párrafos a la izquierda (por defecto), derecha, centrado o justificado (left, right, center, justify).
Los elementos de encabezado implementan seis niveles de encabezado del documento, <h1> es el más importante, y <h6>, el menos importante. Un elemento de encabezado describe brevemente el tema de la sección que presenta. La información de encabezado puede ser usada por los agentes usuarios, por ejemplo, para construir una tabla de contenidos para un documento automáticamente.
Notas de uso:
  • No se deben usar niveles inferiores para reducir el tamaño de la fuente: use la propiedad CSS font-size para eso.
  • Evite omitir niveles de encabezado: siempre comience con <h1>, después use <h2> y así sucesivamente.
  • Con el elemento <section>, debe considerar evitar usar <h1> más de una vez en una página; por costumbre, se usa para mostrar el título de la página, con todos los encabezados debajo de éste comenzando con <h2>. Cuando se usan secciones, debe usarse un <h1> por sección. Véase Definiendo secciones en Secciones y esquema de un documento HTML5 para más información.
Categorías de contenidoContenido dinámico, contenido de encabezados, contenido palpable.
Contenido permitidoContenido textual o estático.
Omisión de etiquetasNone, both the starting and ending tag are mandatory.
Elementos padres permitidosCualquier elemento que acepte contenido dinámico; no debe usarse como hijo del elemento <hgroup>, pues éste es obsoleto
Interfaz DOMHTMLHeadingElement


EjemplosSección

Todos los encabezadosSección

El siguiente código muestra todos los niveles de encabezado.
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>
Aquí está el resultado de este código:


Sección

El código siguiente muestra unos pocos encabezados con algo de contenido debajo de ellos.
<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here...</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here...</p>

<h3>Example 2</h3>
<p>Some text here...</p>

<h2>See also</h2>
<p>Some text here...</p>

Ejemplo

Ejemplo etiquetas h1, h2,..h6
Diferentes encabezados para las etiquetas h1 a h6
?
1
2
3
4
5
6
<h1>h1 Encabezado de nivel 1</h1>
<h2>h2 Encabezado de nivel 2</h2>
<h3>h3 Encabezado de nivel 3</h3>
<h4>h4 Encabezado de nivel 4</h4>
<h5>h5 Encabezado de nivel 5</h5>
<h6>h6 Encabezado de nivel 6</h6>

No hay comentarios:

Publicar un comentario