Cómo hacer encabezados en HTML [Etiquetas h1, h2,...]

Encabezados HTML

Los encabezados se definen con las etiquetas <h1> a <h6>.

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

See the Pen HTML | 1.6 - Encabezados - Todos los encabezados by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Los encabezados son importantes

  • Los motores de búsqueda utilizan los encabezados para indexar la estructura y el contenido de sus páginas web.
  • Los usuarios a menudo hojean una página por sus encabezados. Es importante utilizar encabezados para mostrar la estructura del documento.
  • Los encabezados <h1> deben usarse para los encabezados principales, seguidos de los encabezados <h2>, luego los <h3> menos importantes, y así sucesivamente.

Usa los encabezados HTML solo para encabezados. No los uses para hacer el texto GRANDE o negrita.

Encabezados más grandes (o más pequeños)

Cada encabezado HTML tiene un tamaño predeterminado. Sin embargo, se puede especificar el tamaño de cualquier encabezado con el atributo style, utilizando la propiedad font-size de CSS.

Líneas horizontales

La etiqueta <hr> define una ruptura temática en una página HTML, y con mayor frecuencia se muestra como una línea horizontal.

El elemento <hr> se usa para separar el contenido (o definir un cambio) en una página HTML.

See the Pen HTML | 1.6 - Encabezados - hr by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El elemento HTML <head>

El elemento HTML <head> es un contenedor para metadatos. Los metadatos HTML son datos sobre el documento HTML. Los metadatos no se muestran.

El elemento <head> se coloca entre la etiqueta <html> y la etiqueta <body>

See the Pen 1.6 - Encabezados - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.