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

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

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.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats