06 - Cómo usar los encabezados HTML correctamente 🧩

---

• Encabezados en HTML
• La importancia de los encabezados

---

Encabezados en HTML

Los encabezados HTML son títulos o subtítulos que se desean mostrar en una página web. Se definen con las etiquetas <h1> a <h6>.

<h1> es el más importante y <h6> el menos importante.

Ejemplo

Soy el encabezado H1

Soy el encabezado H2

Soy el encabezado H3

Soy el encabezado H4

Soy el encabezado H5

Soy el encabezado H6

Código del ejemplo

<h1>Soy el encabezado H1</h1>
<h2>Soy el encabezado H2</h2>
<h3>Soy el encabezado H3</h3>
<h4>Soy el encabezado H4</h4>
<h5>Soy el encabezado H5</h5>
<h6>Soy el encabezado H6</h6>
                        

---

La importancia de los encabezados

Los motores de búsqueda utilizan los encabezados para indexar la estructura y el contenido de las páginas web. Es crucial utilizar encabezados para mostrar la jerarquía del contenido.

Nota: Los encabezados HTML deben ser usados únicamente para su propósito de estructuración de títulos, no para cambiar el tamaño o el estilo del texto.

El tamaño de cada encabezado es predeterminado, pero puedes personalizarlo utilizando CSS o el atributo style con la propiedad font-size.

Ejemplo

Encabezado H1 con tamaño personalizado

Encabezado H2 con tamaño personalizado

Código del ejemplo

<h1 style="font-size:40px;">Encabezado H1 con tamaño personalizado</h1>
<h2 style="font-size:35px;">Encabezado H2 con tamaño personalizado</h2>
                        

---

Ir al índice