HTML- listes

Publié le par e-commerce

Une liste doit débuter par une instruction d'ouverture d'une zone de liste avec les instructions <UL> ou <OL>, et chaque ligne doit être précédée de la commande <LI>.

Listes avec l'instruction <UL>

L'instruction <UL> permet de créer une liste dite non-ordonnées. Les éléments de la liste sont précédés d'une puce.

<UL>
<LI>premier point
<LI>deuxième point
</UL>

donne:

premier point

deuxième point

 

Pour créer une seconde partie en retrait de la première dans une même liste, il s'agit d'ajouter une instruction <UL> dans la liste:

<UL>
<LI>premier point
<LI>deuxième point
<UL>
<LI>troisième point
<LI>quatrième point
</UL></UL>

donne:

premier point

deuxième point

premier point secondaire

deuxième point secondaire

L'indentation multiple permet d'utiliser par défaut différentes puces en début de liste. Dans l'exemple suivant affichant trois niveaux, on remarque que le cercle noir est suivi du cercle vide puis du carré vide:

premier point

premier point secondaire

premier point tertiaire

On peut changer ces choix en utilisant la commande <UL TYPE=disc>, <UL TYPE=circle> ou <UL TYPE=square> comme le montre les exemples ci-dessous:

premier point

premier point secondaire

premier point tertiaire

premier point

premier point secondaire

premier point tertiaire

premier point

premier point secondaire

premier point tertiaire

 

Listes avec l'instruction <OL>

L'instruction <OL> permet de créer des listes numériques ou ordonnées.

<OL>
<LI>premier point
<LI>deuxième point
</OL>

donne:

premier point

deuxième point

Pour créer une seconde liste indentée:

<OL>
<LI>premier point
<LI>deuxième point
<OL>
<LI>premier point secondaire
<LI>deuxième point secondaire
</OL></OL>

donne:

premier point

deuxième point

premier point secondaire

deuxième point secondaire

Variantes:

Le code:

<OL TYPE=A>
<LI>premier item
<LI>deuxième item
</OL>

donne:

premier item

deuxième item

Les variantes <OL TYPE=a>, <OL TYPE=I>, <OL TYPE=i> et <OL TYPE=1> donnent respectivement des lettres minuscules, des lettres majuscules en chiffres romains, des lettres minuscules en chiffres romains et des chiffres, comme les exemples ci-dessous:

premier item

deuxième item

premier item

deuxième item

premier item

deuxième item

premier item

deuxième item

Les Définitions

Une définition est une annotation HTML qui permet d'inscrire d'abord un terme à définir pour lui ajouter en-dessous et en retrait (alinéa) sa définition.

<DL> indique une zone de définitions ("definitions list") à venir ci-dessous (une ou plusieurs)
<DT>("definition term") indique le premier terme à définir
<DD> donne la définition du premier terme en retrait d'un alinéa
</DL>("definition list") indique la fin de la zone de définitions.

Pour mettre plusieurs définitions une à la suite des autres, il suffit de répéter la séquence <DT><DD> autant de fois que l'on en a besoin à l'intérieur de la zone. On peut aussi donner plus d'une définition à un terme en réutilisant la commande <DD> plus d'une fois sous la ligne <DT>.

Voici ce que cela donne:

Octet

Mot de huit bits

kiloOctet

1024 octets

8192 bits

Publié dans l'informatique

Commenter cet article