HTML <h1> à <h6>
Exemple
Les six différents titres HTML :
<h1>Ceci est le titre 1</h1>
<h2>Ceci est le titre 2</h2>
<h3>Ceci est le titre 3</h3>
<h4>Ceci est le titre 4</h4>
<h5>Ceci est le titre 5</h5>
<h6>Ceci est le titre 6</h6> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Les <h1> à <h6> sont utilisés pour définir les titres HTML.
<h1> définit le titre le plus important, tandis que <h6> définit le titre le moins important.
Remarque : N'utilisez qu'un seul <h1> par page - cela doit représenter le titre ou le sujet principal de toute la page. De plus, ne sautez pas de niveaux de titres : commencez par <h1> , puis utilisez <h2> , et ainsi de suite.
Support des navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Oui | Oui | Oui | Oui | Oui |
Attributs globaux
Les <h1> à <h6> prennent également en charge les attributs globaux en HTML .
Attributs d'événement
Les <h1> à <h6> prennent également en charge les attributs d'événement en HTML .
Plus d'exemples
Exemple
Définir la couleur de fond et la couleur du texte des titres (avec CSS) :
<h1 style="background-color:DodgerBlue;">Bonjour le monde</h1>
<h2 style="color:Tomato;">Bonjour le monde</h2> Exemple
Définir l'alignement des titres (avec CSS) :
<h1 style="text-align:center">Ceci est le titre 1</h1>
<h2 style="text-align:left">Ceci est le titre 2</h2>
<h3 style="text-align:right">Ceci est le titre 3</h3>
<h4 style="text-align:justify">Ceci est le titre 4</h4> Pages associées
Tutoriel HTML : Titres HTML
Référence DOM HTML : Objet Titre
Paramètres CSS par défaut
La plupart des navigateurs afficheront l'élément <h1> 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'élément <h2> 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'élément <h3> 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'élément <h4> 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'élément <h5> 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'élément <h6> 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;
}