En-têtes, titres et paragraphes

Les marqueurs du titre: (<TITLE> et </TITLE>)

Chaque document HTML doit avoir un titre. Tel que mentionné déjà, les titres apparaissent centrés au tout début d'une page W3. Votre titre devrait être suffisamment descriptif pour que les internautes soient bien renseignés sur le contenu de la page, seulement par la lecture du titre. En exemple, École secondaire de Rochebelle serait un meilleur titre que École secondaire. Ça peut paraître sans importance mais, lorsqu'une personne enregistre le signet d'une page W3, c'est le titre que vous lui avez donné qui sera retenu. Ainsi, à moins de vouloir semer la confusion, il est bon que vos titres soient clairs.

En-têtes: (<Hx> et </Hx>)

Les en-têtes servent de titres dans un document. Il est d'usage qu'il y en ait un au début de chaque page W3. Au début de cette page, vous verrez les mots En-têtes, titres et paragraphes, en gros caractères, insérés entre deux lignes jaunes: ce qui se fait en utilisant un marqueur d'en-tête. Il y a six niveaux de marqueurs d'en-tête, numérotés de 1 à 6; le 1 génère les plus gros caractères gras. En général, chaque document devrait avoir un gros en-tête généré par <H1>. Voici la syntaxe d'un marqueur d'en-tête:

<Hx>Voici mon en-tête</Hx>

Le x dans les marqueurs doit être un chiffre de 1 à 6 (et assurez-vous que les deux x soient de même valeur). Si vous utilisez le marqueur <H1>, l'en-tête apparaîtra ainsi:

---

Voici mon en-tête

---

Si vous indiquez un chiffre plus élevé comme <H3>, vous obtiendrez quelque chose comme:

---

Voici mon en-tête

---

Dans la plupart des documents, l'en-tête utilisé au début de votre page Web sera identique au titre. Pour les documents plus volumineux, des sous-titres comme <H3> peuvent être utilisés pour indiquer le début d'un nouveau sujet ou d'un chapitre. Les chiffres 1, 2 et 3 sont les plus communément utilisés pour les en-têtes ou les titres; 4, 5 et 6 pourraient les faire apparaître si petits qu'ils distrairaient le lecteur. À mon avis, utilisez les trois plus gros et ignorez les autres, à moins que vous vouliez expérimenter.

Le marqueur de paragraphe <P>

Contrairement aux logiciels de traitement de texte, les logiciel de navigation ne reconnaissent pas l'action de la touche Entrée. Si vous avez un document HTML comme:

Bienvenu sur la page d'accueil de notre école.
Ce site est en construction.

Avec votre logiciel de navigation, vous verriez:

Bienvenu sur la page d'accueil de notre école. Ce site est en construction.

Pour que le logiciel de navigation reconnaisse la fin d'une ligne dans un document HTML, vous devez inclure le marqueur de paragraphe, ou <P>, à la fin de chaque paragraphe. De plus, ce marqueur va laisser un espace avant le paragraphe suivant. Il est très important que vous utilisiez le marqueur <P> lorsque vous voulez terminer un paragraphe: sinon, votre document apparaîtra comme un gigantesque paragraphe ininterrompu comme un roman de Faulkner. Remarquez que certains concepteurs en HTML préfèrent placer le marqueur <P> avant chaque paragraphe plutôt qu'à la fin mais ça ne change rien, pourvu que <P> soit entre les paragraphes.

Jetons un autre coup d'oeil sur notre document, cette fois avec le marqueur de paragraphe.

Bienvenu sur la page d'accueil de notre école.<P> 

Ce site est en construction.<P>

Le résultat est maintenant le suivant:

Bienvenu sur la page d'accueil de notre école

Ce site est en construction.

Le marqueur de fin de ligne <br>

Dans plusieurs cas, vous voudrez terminer une ligne sans toutefois laisser un espace avant la ligne suivante, comme le fait le marqueur de paragraphe. Dans ces situations, vous pouvez utiliser le marqueur de fin de ligne, ou <br>. Voici notre exemple:

Bienvenu sur la page d'accueil de notre école.<br> Ce site 

est en construction.<p>

 

Nous avons inséré le marqueur de fin de ligne au milieu du texte. Voici ce que nous obtenons:

Bienvenu sur la page d'accueil de notre école.
Ce site est en construction.

Si vous comparez ce résultat à l'exemple plus haut qui utilise le marqueur de paragraphe, vous verrez que le marqueur de fin de ligne ne laisse pas d'espace.

Quiz interactif

Vous êtes confiant envers vous-même et croyez avoir bien assimilé vos connaissances en langage HTML jusqu'à maintenant? Si tel est le cas, faites une compétition personnelle en participant à votre premier quiz interactif sur l'hypertexte. Quand vous l'aurez terminé, passez à la page suivante ou revoyez la présente leçon.

(N.D.T. Les quiz ne sont pas encore disponibles en français: une occasion de pratiquer un peu son anglais.)