Balises HTML <h1> à <h6>
Exemple
Les six titres HTML différents :
<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>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Les balises <h1>
to <h6>
sont utilisées pour définir les en-têtes HTML.
<h1>
définit la rubrique la plus importante. <h6>
définit la rubrique la moins importante.
Remarque : N'en utilisez qu'un <h1>
par page - il doit représenter le titre/sujet principal de toute la page. Ne sautez pas non plus les niveaux de titre - commencez par <h1>
, puis utilisez <h2>
, et ainsi de suite.
Prise en charge du navigateur
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Attributs globaux
Les balises <h1>
to prennent également en charge les attributs globaux en HTML .<h6>
Attributs d'événement
Les balises <h1>
to prennent également en charge les attributs d'événement en HTML .<h6>
Plus d'exemples
Exemple
Définissez la couleur d'arrière-plan et la couleur du texte des en-têtes (avec CSS) :
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Exemple
Définissez l'alignement des titres (avec CSS) :
<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This
is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>
Pages connexes
Tutoriel HTML : Titres HTML
Référence HTML DOM : objet d'en-tête
Paramètres CSS par défaut
La plupart des navigateurs afficheront l' <h1>
élément avec les valeurs par défaut suivantes :
Exemple
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La plupart des navigateurs afficheront l' <h2>
élément avec les valeurs par défaut suivantes :
Exemple
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La plupart des navigateurs afficheront l' <h3>
élément avec les valeurs par défaut suivantes :
Exemple
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La plupart des navigateurs afficheront l' <h4>
élément avec les valeurs par défaut suivantes :
Exemple
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La plupart des navigateurs afficheront l' <h5>
élément avec les valeurs par défaut suivantes :
Exemple
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
La plupart des navigateurs afficheront l' <h6>
élément avec les valeurs par défaut suivantes :
Exemple
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}