<ul>


HTML <ul> Balises

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<h4>无序列表:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Prise en charge du navigateur

1000.png

Tous les principaux navigateurs prennent en charge ul> étiqueter.

Définition des balises et instructions d'utilisation

<ul> Liste non ordonnée de définition des balises.

Utilisez la balise <ul> avec la balise <li> pour créer une liste non ordonnée.

Conseils et notes

Astuce : Stylisez la liste en utilisant CSS.

Conseil : Utilisez la balise <ol> pour créer une liste ordonnée.

Différences entre HTML 4.01 et HTML5

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

Attributs

AttributValeurDescription
compactcompactHTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
属性值描述
compactcompactHTML5 不支持。HTML 4.01 已废弃。 规定列表呈现的效果比正常情况更小巧。
typedisc
   square
   circle		HTML5 不支持。HTML 4.01 已废弃。 规定列表的项目符号的类型。
Spécifie que la liste doit être rendue plus petite que la normale.
typedisque
carré
cercle		HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.

Spécifie le type de puces pour la liste.

Attributs globaux

La balise <ul> prend en charge les attributs globaux HTML.

Attributs d'événement

La balise <ul> prend en charge les attributs d'événement HTML.

Essayez-le - Exemple

Liste imbriquée

Cet exemple montre comment imbriquer des listes.

Instance
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h4>嵌套列表：</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Liste imbriquée 2

Cet exemple montre une liste imbriquée plus complexe.

Instance
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h4>嵌套列表：</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea
        <ul>
          <li>China</li>
          <li>Africa</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Articles connexes

Tutoriel HTML : Liste HTML

<🎜><🎜><🎜>