Saltar al contenido principal

Ejercicio práctico 2: Cómo usar etiquetas de encabezado HTML (h1 a h6)

En este ejercicio práctico de html, aprenderemos a utilizar las etiquetas de encabezado. Del inglés heading, las etiquetas comienzan con la letra h y van desde h1 a h6. Los encabezados <h1> deben utilizarse para los encabezados principales, seguidos de los encabezados <h2>, luego los menos importantes <h3>, y así sucesivamente.

<h1> define el encabezamiento más importante. <h6> define el encabezado menos importante.

tip

Es una buena práctica que cada página de tu sitio web cuente con "al menos" y "solo un" elemento <h1>.

Los encabezados son importantes​

Los motores de búsqueda utilizan los encabezados para indexar la estructura y el contenido de sus páginas web.

precaución

Utiliza los encabezados HTML sólo para los títulos. No utilices los encabezados para volver el texto más GRANDE o ponerlo en negrita.

Actividad​

Crea un documento HTML que use todas las etiquetas de encabezado de <h1> a <h6>.

Solución interactiva​

Solución con el código HTML completo​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <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>
info

Aprende a estilizar texto con CSS aquí: 👉 Estilización de Texto, Colores y Fondos