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
<h1 align="right">Texte aligné à droite</h1>
Résultat

Texte aligné à droite

 

Modèles Joomla par a4joomla