Los últimos tutoriales de desarrollo web
 

HTML <h1> to <h6> Tags


Ejemplo

Los seis títulos HTML diferentes:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Inténtalo tú mismo "

Definición y Uso

La <h1> a <h6> etiquetas se utilizan para definir títulos HTML.

<h1> define el título más importante. <h6> define el menos partida importante.


Soporte para el navegador

Elemento
<h1> - <h6>

Diferencias entre HTML 4.01 y HTML5

El "align" atributo no es compatible con HTML5. Usar CSS para alinear elementos.


atributos

Atributo Valor Descripción
align left
center
right
justify
No se admite en HTML5.
Especifica la alineación de un encabezamiento

Los atributos globales

La <h1> a <h6> etiquetas también es compatible con el de los atributos globales en HTML .


Atributos de eventos

La <h1> a <h6> etiquetas también apoya la atributos de eventos en HTML .


Páginas relacionadas

Tutorial de HTML: HTML encabezamientos

Referencia HTML DOM: La partida de objetos


Ajustes por defecto CSS

La mayoría de los navegadores mostrarán el <h1> elemento con los siguientes valores predeterminados:

Ejemplo

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
Inténtalo tú mismo "

La mayoría de los navegadores mostrarán el <h2> elemento con los siguientes valores predeterminados:

Ejemplo

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
Inténtalo tú mismo "

La mayoría de los navegadores mostrarán el <h3> elemento con los siguientes valores predeterminados:

Ejemplo

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
Inténtalo tú mismo "

La mayoría de los navegadores mostrarán el <h4> elemento con los siguientes valores predeterminados:

Ejemplo

h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
Inténtalo tú mismo "

La mayoría de los navegadores mostrarán el <h5> elemento con los siguientes valores predeterminados:

Ejemplo

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
Inténtalo tú mismo "

La mayoría de los navegadores mostrarán el <h6> elemento con los siguientes valores predeterminados:

Ejemplo

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
Inténtalo tú mismo "