Les pages HTML comportent souvent des listes afin d'énumérer diverses références.
Le langage de programmation HTML offre plusieurs types de liste : des listes à puces, les listes numérotées et enfin les listes hiérachisées.
Les listes à puces comportent trois différentes types de puces, mais tous les navigateurs ne les reconnaissent malheureusement pas. En général, par défaut seront affichées des puces en forme de disque plein.
La commande <ul> ouvre une liste à puce.
La commande </ul> ferme la liste à puce.
La commande <li> introduit une entrée dans la liste.
La commande </li> ferme une entrée dans la liste.
L'attribut type="Forme" donne le type de puces.
L'attribut value="Valeur" associe cette valeur à cet élément de liste.
L'attribut compact permet de rendre la liste plus compacte mais est obsolète en HTML 4.0.
<html>
<head>
<title>Un titre pertinent</title>
<meta name="Description" content="...">
...
</head>
<body>
<h1>Titre</h1>
<p align="left">Paragraphe</p>
<div align="right">
Texte
<ul>
<li>Première entrée</li>
<li>Seconde entrée</li>
...
</ul>
</div>
...
Diverses commandes HTML
...
</body>
</html> |
| Commande | Description | Exemple |
|---|---|---|
<ul type="disc"> <li>Ligne 1</li> <li>Ligne 2</li> <li>Ligne 3</li> </ul> |
Puce en forme de disque plein |
|
<ul type="circle"> <li>Ligne 1</li> <li>Ligne 2</li> <li>Ligne 3</li> </ul> |
Puce en forme de cercle vide |
|
<ul type="square"> <li>Ligne 1</li> <li>Ligne 2</li> <li>Ligne 3</li> </ul> |
Puce en forme de carré plein |
|
<ul> <li>Ligne 1</li> <li>Ligne 2</li> <li>Ligne 3</li> </ul> |
Puce en forme de carré plein |
|
