Cours gratuit en ligne : Cours de HTML - Les listes



Contenu du cours
  • I. Listes
    1. Introduction
    2. Les types de listes
      1. la balise <li>
      2. Listes à puces
      3. Listes numérotées
      4. Liste de définitions
    3. Listes imbriquées
    4. Exercice : Listes et liens
  • _______________________

    Cette création est mise à disposition par le professeur Gilles Chagnon sous un contrat Creative Commons.

    I. Listes

    1. Introduction

    Très tôt, en raison de l'historique du HTML, la notion de liste est apparue, car elle permet de structurer simplement un ensemble de données. Cinq types de listes différents existent : les listes non ordonnées, les listes numérotées, les listes de définition d'une part, qui sont encore utilisées, et les listes de type répertoire et de menu d'autre part, qui sont maintenant tombées en désuétude. Ce cours se limite aux premiers types de listes.

    2. Les types de listes

    a. la balise <li>

    Cette balise sert à délimiter un élément de liste, et est toujours incluse dans un environnement de liste. Elle ne possède qu'un unique attribut, valable uniquement en HTML transitionnel, type.

    type peut prendre les valeurs disc (valeur par défaut pour un premier niveau d'imbrication d'une liste à puces), circle ou square.

    b. Listes à puces

    C'est le type de liste le plus simple. Elle s'introduit en utilisant la balise <ul>, qui signifie Unordered List. Elle possède le même attribut que la balise <li>, qui s'utilise dans les mêmes conditions, et est également obsolète en HTML 4.01 strict :

    Attribut

    Effet

    Valeur(s)

    type

    Choix du type de puce

    • discdisc (défaut)

    • circlecircle

    • squaresquare

    Table 1. Attribut obsolète de la balise ul.

    Exemple d'utilisation :

    <ul>
      <li>Premier élément</li>
      <li>Deuxième élément</li>
      <li>Troisième élément</li>
    </ul>

    c. Listes numérotées

    Ce type de listes est ordonnée. Elle s'introduit en utilisant la balise <ol>, qui signifie Ordered List. Les éléments de la liste sont également déclarés par la balise <li>. La "numérotation" peut se faire de cinq manières différentes, cela étant spécifié par la valeur de l'attribut type. Elle peut débuter à n'importe quelle position (par exemple à 2...), grâce à la valeur de l'attribut obsolète start.

    Attribut

    Effet

    Valeur(s)

    type

    choix du type de numérotation

    • 1 (par défaut)

    • a

    • A

    • i

    • I

    start

    numéro de début de liste

    selon le type, un numéro ou une lettre

    Table 2. Attributs obsolètes de la balise <ol>

    La balise <li> possède alors un autre attribut,value, analogue au rôle de start, qui permet de spécifier le rang de l'item, et donc d'imposer des sauts dans la numérotation.

    d. Liste de définitions

    Ce type de liste, peu usité, est une... liste de définitions ! Elle est déclarée par la balise <dl>. Par exemple :

    <dl>
      <dt>basilic</dt>
      <dd>Annuelle. Peut dépasser un mètre de hauteur. Le parfum de ses petites fleurs blanches est divin.</dd>
      <dt>origan</dt>
      <dd>Vivace. Propage ses stolons sous terre. Il est difficile de s'en débarrasser une fois bien établi.</dd>
      <dt>coriandre</dt>
      <dd>Annuelle. Préfère une situation ombragée. Son huile est utilisée en parfumerie.</dd>
    </dl>

    Il n'y a pas d'attribut spécial pour cette balise.

    3. Listes imbriquées

    Les puces et la numérotation varient selon le rang de la liste. Par exemple, pour des listes non ordonnées, on obtient :




    Conditions d'utilisation et licence

    Creative Commons License
    Cette création est mise à disposition par Gilles Chagnon sous un contrat Creative Commons.


    Source : www.gchagnon.fr/cours/html/index.html