Exemple
Une liste non ordonnée:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
Le <ul> balise définit une liste à puces (puces).
Utilisez le <ul> tag avec le <li> tag pour créer des listes à puces.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <ul> | Oui | Oui | Oui | Oui | Oui |
Trucs et astuces
Astuce: Utilisez CSS pour styler listes.
Astuce: Pour créer des listes ordonnées, utilisez le <ol> tag.
Différences entre HTML 4.01 et HTML5
Les attributs et les "compacts" "type" ne sont pas pris en charge dans HTML5.
Les attributs
| Attribut | Valeur | La description |
|---|---|---|
| compact | compact | Non pris en charge en HTML5. Indique que la liste devrait rendre plus petit que la normale |
| type | disc square circle | Non pris en charge en HTML5. Indique le type de marqueur à utiliser dans la liste |
Attributs globaux
Le <ul> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <ul> tag soutient également l' événement Attributs en HTML .
Essayez-le vous-même - Exemples
Une liste imbriquée
Une liste dans une liste.
Une autre liste imbriquée
Une liste imbriquée plus compliquée.
Pages associées
HTML tutoriel: Listes HTML
Référence HTML DOM: Ul Object
Tutoriel CSS: Listes coiffants
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <ul> élément avec les valeurs par défaut suivantes:
Exemple
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
} Essayez - le vous - même »