SELFHTML: HTML / Types de paragraphes et structure du texte / Listes énumératives (listes à puces)

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte

	Listes énumératives (listes à puces)
	Définir des listes énumératives Déterminer le type de puces Représenter une liste sous forme condensée Liste de menus ou de répertoires Autres possibilités

Définir des listes énumératives

Exemple d'affichage: aperçu

Des liste énumératives prennent tout leur sens par exemple pour représenter clairement les propriétés d'un produit ou les arguments pour une thèse. Dans une liste énumérative, tous les éléments de la liste sont marqués avec une puce.

Exemple:

<ul>
<li>élément de la liste</li>
<li>autre élément de la liste </li>
<li>dernier élément de la liste</li>
</ul>

Explication:

<ul> introduit une liste énumérative(ul = unordered list = liste non triée ). Avec <li> commence un nouveau point dans la liste (li = list item = élément de la liste). Le repère de fermeture </li> à la fin d'un élément de la liste n'est pas absolument indispensable mais pourtant plus propre dans l'esprit d'une codification conforme au SGML. </ul> termine la liste.

Attention:

Comment la puce sera représentée dépend du navigateur WWW. Mosaic utilise par exemple un symbole graphique de puce qui lui est propre. Netscape utilise des symboles de puces faisant partie du jeu de caractères de la police en service chez l'utilisateur.

L'imbrication de listes énumératives est également possible.

Déterminer le type de puces

Exemple d'affichage: aperçu

Vous pouvez déterminer pour les listes énumératives l'aspect que devront revêtir les puces. Si et comment les puces seront affichées à l'écran, dépend en fin de compte du jeu de caractères de la police en service chez l'utilisateur.

Exemple:

<ul type=circle>
<li>...</li>
</ul>
  
<ul type=square>
<li>...</li>
</ul>
  
<ul type=disc>
<li>...</li>
</ul>

Explication:

Mit <ul type=circle> vous déterminez une puce ronde (circle = cercle).
Mit <ul type=square> vous déterminez une puce carrée (square = carré).
Mit <ul type=disc> vous déterminez une puce circulaire pleine (disc = disque).

Représenter une liste sous forme condensée

Exemple d'affichage: aperçu

Vous pouvez mentionner qu'une liste soit affichée dans une forme plus compacte comme du texte normal.

Exemple:

<ul compact>
<li>élément de liste</li>
<li>élément de liste</li>
<li>élément de liste</li>
</ul>

Explication:

Avec l'attribut compact dans le repère d'ouverture <ul> vous pouvez décider d'une représentation plus compacte.

Attention:

Les navigateurs WWW ignorent encore cette mention en règle générale.

Liste de menus ou de répertoires

Exemple d'affichage: aperçu

Dans la pratique, les listes de menus et de répertoires sont à peine employées mais font partie depuis longtemps du standard HTML. elles ne sont plus représentées par les navigateurs WWW ou ne sont pas représentées autrement que des listes énumératives normales. Pourtant ces commandes pourraient reprendre de l'importance pour des domaines d'application futurs de HTML.

Exemple:

<menu>
<li>élément de liste</li>
<li>élément de liste</li>
<li>élément de liste</li>
</menu>

<dir>
<li>élément de liste</li>
<li>élément de liste</li>
<li>élément de liste</li>
</dir>

Explication:

<menu> introduit une liste de menus, </menu> termine une liste de menus. Introduisez une liste de répertoires avec <dir> et terminez la avec </dir> (dir = directory = répertoire). Avec <li> commence dans ces deux types de liste un nouveau point de la liste (li = list item = élément de la liste). Le repère de fermeture </li> à la fin d'un élément de la liste n'est pas absolument nécessaire mais pourtant plus propre dans l'esprit de la codification conforme au SGML.

Attention:

Contrairement aux listes énumératives, les listes de menus ne peuvent comprendre d'éléments créant des paragraphes dans le texte du menu. Ils ne sont prévus que pour des listes d'éléments à une ligne. Par contre les listes de répertoires peuvent comprendre des éléments à plusieurs lignes.

Autres possibilités

Les repères <ul> et <li> peuvent comprendre des attributs universels.

Si vous connaissez déjà un peu mieux HTML, essayez aussi les possibilités offertes par les feuilles de style CSS. Car ce n'est qu'avec elles que vous pourrez formater les listes et éléments de liste comme vous le souhaitez. Pour ce faire, vous devez d'abord savoir comment définir des feuilles de style. Ensuite, vous serez en mesure d'utiliser les mentions de feuilles de style. Dans le contexte qui vient d'être décrit ici les mentions de feuilles de style suivantes par exemple présentent un intérêt:
Formatage de la police
Espaces, marges, alignement
Cadres et espaces intérieurs
Couleurs et images d'arrière plan
Listes et tableaux


après:	Listes de définitions
avant:	Listes numérotées

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte