English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Catalogue complet des tags HTML

HTML: <ul> balise

Le tag <ul> dans un document HTML définit une liste non ordonnée. Ce tag est également appelé l'élément <ul>.

Exemple en ligne

Liste HTML non ordonnée ul :

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilisation du tag HTML ul (Tutoriel de base du site web w3(codebox.com)</title>
</head>
<body>
<ul>
  <li>Premier élément</li>
  <li>Deuxième élément</li>
  <li>Troisième élément</li>
  <li>Quatrième élément</li>
</ul>
</body>
</html>
Testez pour voir ‹/›

Dans ce HTML5Dans l'exemple de document, nous avons utilisé le tag <ul> pour créer une liste non ordonnée, qui contient quatre éléments de liste trouvés dans quatre tags <li>.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs主流browser supportent le tag <ul>.

Description de la définition et de l'utilisation des tags

Le tag <ul> définit une liste non ordonnée.

Associer le tag <ul> à <li> Les tags ensemble sont utilisés pour créer une liste non ordonnée.

Le tag <ul> est composé de tags <li>.

Lorsque les éléments de liste n'ont pas d'ordre numérique, utilisez le marqueur <ul>.

Vous pouvez imbriquer des listes <ol>, <ul> et <menu>.

Astuces et注意事项

Astuce :Utilisez CSS pour définir le style des listes.

Astuce :Utiliser<ol> crée une liste ordonnée.

HTML 4.01 et la balise HTML5Les différences entre

Dans HTML 4.01 Dans HTML, les attributs "compact" et "type" sont obsolètes. HTML5 Ces deux attributs ne sont pas pris en charge.

Attribut

AttributValeurDescription
compactcompactHTML5 Non pris en charge. HTML 4.01 Obsolète. Spécifiez une présentation de la liste plus compacte que la normale.
typedisc
square
circle
HTML5 Non pris en charge. HTML 4.01 Obsolète. Spécifiez le type de puces de la liste.

Attributs globaux

La balise <ul> supporte Attributs globaux HTML

Attributs événementiels

La balise <ul> supporte Attributs événementiels HTML

Essayer l'exemple en ligne

Listes de type différent
Listes de type différent

Liste imbriquée
Ce exemple montre comment imbriquer des listes.

Liste imbriquée 2
Ce exemple montre une liste imbriquée plus complexe.

Liste personnalisée
Ce exemple montre une liste définie.

Articles associés

Tutoriel HTML :Liste HTML