fbpx

APRENDE SOBRE

HTML a HTML abbr HTML address HTML article HTML aside HTML b HTML Base HTML blockquote HTML Body HTML dd HTML div HTML dl HTML dt HTML figcaption HTML figure HTML footer HTML h1 a h6 HTML Head HTML header HTML hgroup HTML hr HTML li HTML Link HTML main HTML Meta HTML nav HTML ol HTML p HTML pre HTML section HTML Style HTML Title HTML ul

HTML h1 a h6

Cuando ingresas en cualquier página web o blog, lo primero que llama tu atención son los títulos que se encuentran en ella. Hay títulos muy grandes y títulos muy pequeños, pero ¿cómo logras esos títulos?

Las etiquetas HTML <h> son las que se utilizan para la creación de títulos, ya sea en una página web o un blog. Hay 6 tipos de etiquetas <h> en HTML y, de acuerdo con la que utilices, será el tamaño del título.

Descripción

Las etiquetas para los títulos en HTML son <h1>, <h2>, <h3>, <h4>, <h5> y <h6> para su inicio y en el cierre de esta se utilizan </h1>, </h2>, </h3>, </h4>, </h5> y </h6>. Es indistinto si utilizas minúsculas o mayúsculas, por tanto, es lo mismo <h1> o <H1>.

Cada una de las etiquetas HTML <h> indican el nivel del texto. Siempre debes utilizar los niveles en orden, no saltar ninguno. Algo que sí puedes hacer, es anidar las etiquetas para darle una mejor organización a la información dentro de tu codificación. Por ejemplo, un h1 que se refiere a películas más taquilleras, y los h2 son los nombres de las películas.

Ejemplo de uso

Para conocer mejor el uso de las etiquetas <h1> a la <h6>, el siguiente ejemplo lo muestra perfectamente:

<html>
  <head>
    <title>Ejemplo de Encabezados</title>
  </head>
  <body>
    <h1>Texto muy grande</h1> 
      <h2>Texto grande</h2>
        <h3>Texto un poco más grande de lo normal</h3>
          <h4>Texto normal</h4>
            <h5>Texto pequeño</h5>
              <h6>Texto muy pequeño</h6>
  </body>
</html>

Atributos

El atributo utilizado por estas etiquetas es el de align, el cual te permite dar la alineación a los párrafos: centrado, alineado a la izquierda, alineado a la derecha y justificado. Sin embargo, funciona hasta HTML 3.5, ya en HTML5 no es soportado.