Balisage et Bluefish

Le HTML contient un certain nombre de balises qui ont un rôle "sémantique", c'est à dire qu'elles servent de marqueur pour indiquer le statut du texte qu'elles encadrent. Nous venons de voir les balises h1, h2, ... créées pour marquer les titres et sous titres.

Dans la suite du texte vous pouvez remarquer 3 paragraphes qui constituent une liste :"guiding ships...particular region"

Sélectionnez-les et utilisez le bouton liste ordonnée de l'onglet liste ou passez par le menu Balises/listes. Chaque paragraphe doit maintenant être englobé dans une balise Elément de liste. Le balisage reflète maintenant la structure sémantique de ces paragraphes.

Faites de même pour les 3 paragraphes : "the importance of...human culture" mais avec cette fois une liste non ordonnée.

Quel est le balisage qui a été utilisé ?

Remarque : les puces ou les numéros sont rajoutés par le navigateur, ils ne sont pas dans le document ; on dit que ce sont des éléments générés.

Enfin nous avons une dernière sorte de liste la "liste de définitions". Sélectionnez le texte : Light source ...maintenance of lighthouses". Vous remarquez qu'il s'agit d'une suite formée par un ensemble de mots suivis de leur définition.

A l'aide du menu Balise/Liste/Liste de termes, changez le balisage.

Retenez l'introduction de nouvelles balises HTML : dl , dt, dd.

On peut aussi imbriquer des listes les unes dans les autres ; placez vous à la fin du deuxième élément de la première liste et ajoutez un passage à la ligne. Créez un nouvel item de la liste. Créez une liste quelconque de 3 items à l'intérieur de cet item principel. Observez l'indentation rendu par le navigateur.