Programmation en HTML

   

chapitre 7-b

 

Listes non ordonnées

     
   


<ul></ul>

De l'anglais, unumbered-List, ces marqueurs encadrent les termes à présenter.
Cette commande est terminée par
</ul>.
 

<li>

De l'anglais, List-Item, est placé au début de chaque ligne, pour indiquer le premier terme à définir.
 

<lh></lh>

De l'anglais, List-Header, est placé au début et à la fin de la ligne de titre.

 

Les attibuts

Il est possible de changer la forme des différentes puces grâce à l'attribut type, qui peut recevoir la commande disc (rond noir), circle (rond blanc) ou square (carré noir). Par défaut c'est l'attribut type=circle qui est défini.
Dans l'exemple suivant, vous pourrez constater les effets de ces attributs.
 

Exemple :

Soit le code suivant :
    <ul type=disc>
    <lh>Formation au HTML</lh>
    <li>Introduction
    <li>A la découverte du HTML
    <li>La page HTML
    <li>Le formatage du texte
    <li>Les listes & définitions
    <li>Les liens HyperTexte
    <li>...
    </ul>

Qui donnera l'affichage suivant :

      Formation au HTML
    • Introduction
    • A la découverte du HTML
    • La page HTML
    • Le formatage du texte
    • Les listes & définitions
    • Les liens HyperTexte
    • ...
 
Introduction | Découvrez le HTML | La page HTML | Les liens hypertextes | Formater le texte
Mettre des images | Les tableaux | Les listes & définitions | Les formulaires | Le multimédia