Guide HTML - Listes et commentaires

présente
Le petit guide HTML
Listes et commentaires

Les listes (lists)

De nombreuses pages contiennent des listes, précédées par des puces ou bien numérotées. HTML vous simplifie la tâche en proposant des balises qui se chargent d'afficher les puces ou de numéroter automatiquement vos listes.

Utilisez des listes numérotées pour :

Créer des sommaires...

pour que vos visiteurs aient une bonne vision d'ensemble de votre site
pour mettre en valeur les différents éléments d'une liste

Afficher clairement...

les différentes étapes d'une procédure
une table des matières complexe

Gérer automatiquement la numérotation d'une liste...

qui est constamment remaniée
qui est très longue, et dont vous voulez connaître à tout moment le nombre d'éléments

Comme vous le voyez, les divers systèmes de listes peuvent être emboîtés les uns dans les autres. Regardez la source de mes pages qui contiennent des listes, pour avoir une idée de leur utilisation. Les puces affichées par certains visualiseurs ne sont pas vraiment remarquables, et vous pouvez aisément les remplacer par des images.

Certains visualiseurs affichent plusieurs types de puces, et acceptent des paramètres divers. En voici une liste :

TYPE=	Pour modifier le type de puce ou de liste. Utiliser les paramètres DISC, CIRCLE et SQUARE pour afficher des puces de diverses formes (ne fonctionne pas avec tous les visualiseurs)
START=	Pour définir le premier nombre d'une liste numérotée
VALUE=	Pour définir le pas d'une liste numérotée

Les listes à puces (unordered lists)

Utilisez les balises <ul> et </ul> pour délimiter la liste. Chaque élément de la liste de puces est encadré par <li> et </li>. La présentation des puces varie d'un visualiseur à l'autre, et il est possible d'en préciser certains paramètres.

Les listes numérotées (ordered lists)

Utilisez les balises <ol> et </ol> pour délimiter la liste. Chaque élément de la liste de puces est encadré par <li> et </li>.

Les listes de définitions

Utilisez les balises <DL> et </DL> pour créer des index. Chaque élément de l'index (le terme à indexer) est encadré par les balises <DD> et </DD>. Chaque élément de définition est encadré par les balises <DT> et </DT>. Exemple :

<DL>
<DT>Définition 1
<DD>Description de la définition 1, qui peut s'étendre sur plusieurs lignes <DT>Définition 2
<DD>Description de la définition 2, qui peut s'étendre sur plusieurs lignes
<DT>Définition 3
<DD>Description de la définition 3
</DL>

Cette liste de définitions s'affiche ainsi dans le visualiseur :

Définition 1: Description de la définition 1, qui peut
s'étendre sur plusieurs lignes
Definition 2: Description de la définition 2, qui peut
s'étendre sur plusieurs lignes
Definition 3: Description de la définition 3

Autres listes

Les listes définies par la balise <DIR> permettent de définir des listes d'éléments courts (jusqu'à 20 caractères), qui peuvent s'afficher sur plusieurs colonnes. Elles ne peuvent pas être imbriquées dans des sous-listes.

Les commentaires (comments)

Quand vous créez des pages, vous pouvez insérer des commentaires. Ceux-ci ne seront pas affichés à l'écran par le visualiseur, mais vous aideront à vous y retrouver quand vous travaillez à la mise au point du code.

Les commentaires utilisent les balises <! - - et - ->. Utilisez deux tirets (mais ne laissez pas d'espace entre les différents signes de ces balises). Vos commentaires peuvent contenir plusieurs lignes, si vous le souhaitez.

<! - - Ceci est un commentaire, qui ne s'affiche pas. - ->

Les commentaires sont parfaits pour cacher un lien ou quelques lignes de code qui ne sont pas encore au point.

Résumé

Utilisez des listes plutôt que de longues phrases, et pensez à répertorier vos pages dans des sommaires. Choisissez un type de liste qui correspond aux informations à présenter, en vous rappelant que tous les visualiseurs n'affichent pas les listes de la même manière. La sobriété s'impose.

Les balises de commentaires sont utiles pour insérer des indications diverses dans le code.

La diffusion de ce document sur Internet ou des serveurs BBS est autorisée, à condition qu'il le soit dans son intégralité et sans aucune modification. La diffusion sur des services en lignes commerciaux doit faire l'objet d'une autorisation de la part de l'auteur.

Les marques citées sont déposées par leurs propriétaires respectifs.

L'auteur dégage toute responsabilité en cas de dommages directs, indirects, accidentels ou consécutifs provenant d'informations erronées, et ce, même si l'auteur a été prévenu de la possibilité de tels dommages.

Site et pages créés par Daniel Bédo © 1997
Dernière mise à jour : le 17 avril 1997
dbcom@newel.net
http://www.oocities.org/BourbonStreet/7840/index.html

Votre site Web gratuit avec