Niveaux d'en-têtes ou de titre
Le langage html définit 6 niveaux d'en-têtes (en anglais heading) ou titre, afin de définir une structuration hiérarchique des paragraphes dans un texte :
| Balise | Résultat |
<h1> |
Test |
<h2> |
Test |
<h3> |
Test |
<h4> |
Test |
<h5> |
Test |
<h6> |
Test |
La taille du contenu d'une balise <h…>…</h…> est proportionnelle à la taille par défaut de la police du navigateur (environ 1em), elle varie en fonction des navigateurs : <h1> vaut 200%, <h2> vaut 150%, <h3> vaut 110%, <h4> vaut 100%, <h5> vaut 80%, <h6> vaut 60%.
Les balises <h…>…</h…> sont importantes pour le référencement et doivent être utilisées correctement.
La hiérarchie doit être respectée (le contenu d'une balise <h6>…</h6> ne doit pas être d'une taille plus importante que les autres).
Le contenu reste un simple titre et ne doit surtout pas devenir un paragraphe.
Les attributs
Les attributs suivants peuvent être placés dans les balises de structure afin de permettre une disposition plus précise des éléments html :
| Attribut | Valeur | Résultat |
align |
left right center justify |
Texte aligné à gauche
Texte aligné à droite
Texte centré
Texte justifié, mais le texte doit être plus long pour voir l'effet, enfin cela ne fonctionne pas sur tous les navigateur
|
nowrap |
Interdit au navigateur d'effectuer un saut de ligne. | |
id |
Attribue un identifiant à la balise. Cet attribut est notamment utile pour la programmation en JavaScript | |
lang |
Spécifie un langage différent | |
class |
Assigne une classe au contenu (pour les feuilles de style). | |
clear |
Utilisé dans le cas d'un texte entourant une image. Il permet de descendre dans la page aussi loin qu'il est nécessaire pour atteindre une marge libre |
Voici un exemple d'en-tête :
|
Code
|
|
|
| Résultat |
Texte aligné à droite |