SELFHTML: HTML/XHTML / Éléments pour structurer le texte / Titres

	Titres
	Définir des titres Aligner les titres Formater les titres avec les CSS Autres possibilités

Définir des titres

HTML distingue 6 niveaux de titres pour former une hiérarchie dans les documents.

Exemple:

Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Titre N°1</h1>
<h2>Titre N°2</h2>
<h3>Titre N°3</h3>
<h4>Titre N°4</h4>
<h5>Titre N°5</h5>
<h6>Titre N°6</h6>
</body>
</html>

Explication:

<h[1-6]> (h = heading = Titre) introduit un titre. Le N° indique le niveau du titre. 1 est le niveau le plus élevé, 6 le niveau le plus bas. Après vient le texte du titre .
</h[1-6]> est le repère de fermeture et se trouve après le texte du titre.

Attention:

Les numéros des repères d'ouverture et de fermeture doivent être identiques.

Chaque titre est un paragraphe propre, c'est à dire qu'avant et après des titres le changement de paragraphe n'est pas nécessaire. Dans le texte des titres les règles pour les alphabets, caractères spéciaux et caractères HTML spécifiques doivent être respectées.

Aligner les titres

Les titres sont alignés à gauche si vous n'avez rien indiqué. Mais vous pouvez aussi placer le titre au centre ou à droite. Même la justification est possible .

Exemple:

Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1 align="center">&Titre N°1 centré</h1>
<h2 align="center">&Titre N°2 centré</h2>
<h3 align="center">&Titre N°3 centré</h3>
<h1 align="right">&Titre N°1 à droite</h1>
<h2 align="right">&Titre N°2 aligné à droite</h2>
<h3 align="right">&Titre N°3 aligné à droite</h3>
</body>
</html>

Explication:

Par la commande align="center" dans le repère d'ouverture vous alignez le titre au centre(align = alignement, center = centré). Par la commande align="right" le titre sera aligné à droite (right = droite). Par la commande align="justify" vous forcez la justification pour le titre (justify = justifier). Avec la mention align="left" vous pouvez mentionner le réglage par défaut (alignement à gauche).

Attention:

Tous les navigateurs ne maîtrisent pas la justification. La justification n'est que relativement utile pour les titres dans la pratique, étant donné qu'elle n'a un effet que pour des textes de plusieurs lignes.

align est classé, dans le standard HTML 4 en cours d'abandon (deprecated). Il est conseillé d'employer en remplacement les feuilles de style CSS, par exemple: <h1 style="text-align:center">...</h1>. Autres remarques dans le paragraphe suivant.

Formater les titres avec les CSS

Comment un titre sera représenté dans le navigateur, ne peut guère être modifié par HTML. Les navigateurs utilisent des formatages par défaut pour représenter les titres. Avec les feuilles de style CSS vous pouvez cependant formater les titres comme vous le désirez. Pour utiliser les feuilles de style, vous devez d'abord savoir comment définir des formats CSS. Ensuite, vous serez en mesure d'appliquer les propriétés de feuilles de style. En relation avec ce qui vient d'être décrit les données de feuilles de style suivantes sont aussi intéressantes:
formatage de la police
alignement et paragraphes
espaces marges extérieures
espace intérieur
cadres
couleurs et images d'arrière plan

Exemple:

Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1 style="font-size:36pt; color:red">&Titre N°1</h1>
</body>
</html>

Explication:

Dans l'exemple un titre N°1 est défini représenté avec une taille de police de 36 points avec la couleur rouge.

Autres possibilités

Dans le sommaire de référence HTML vous trouverez des données précisant où les titres peuvent être mis, quels autres éléments ils peuvent contenir, quels attributs ils peuvent avoir et ce à quoi il faut veiller pour ces différents attributs:
référence pour les éléments pour les titres
référence pour les attributs pour les titres


	Paragraphes de texte
	Musique de fond

SELFHTML/Aides à la navigation

HTML/XHTML

Éléments pour structurer le texte