<li>


HTML <li> Balises

Instance

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

<p>有序列表:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

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

</body>
</html>

Exécuter l'instance» &Lt ; li>étiquette.

Définition des balises et instructions d'utilisation

<li> Élément de la liste de définition des balises. La balise

<li> peut être utilisée dans les listes ordonnées (<ol>), les listes non ordonnées (<ul>) et les listes de menus (<menu>). 1000.png

Différences entre HTML 4.01 et HTML5


L'attribut "type" est obsolète dans HTML 4.01. HTML5 ne prend pas en charge cet attribut.

L'attribut "value" est obsolète dans HTML 4.01. HTML5 ne prend pas en charge cet attribut.

Conseils et notes


Astuce :

Utilisez CSS pour définir les types de listes et d'éléments de liste.

Attributs

AttributValeurDescription
tapez1
UNE

une

Je

je disque carré

circle
HTML5 ne prend pas en charge cet attribut. Cet attribut est obsolète dans HTML 4.01.
Obsolète. Veuillez le remplacer par un style. Spécifiez les puces à utiliser.
valeurnuméroObsolète. Veuillez le remplacer par un style. Spécifie le nombre d'éléments de liste.

属性描述
type1
A
   a
   I
   i
   disc
   square
   circle
HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。
valuenumber不赞成使用。请使用样式取代它。 规定列表项目的数字。
Attributs globaux

La balise <li> prend en charge les attributs globaux, afficher la table attributaire complète des attributs globaux HTML .

Attributs d'événement La balise


<li> prend en charge tous les attributs d'événement HTML.

Instance en ligne

Une liste imbriquée

Une liste dans une liste.


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

Une autre liste imbriquée

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