Latest web development tutorials

Liste HTML

HTML prend en charge ordonnée, liste non ordonnée et la définition:

Liste HTML

有序列表

  1. 第一个列表项
  2. 第二个列表项
  3. 第三个列表项

无序列表

  • 列表项
  • 列表项
  • 列表项

Exemples

exemples en ligne

liste non ordonnée
Cet exemple montre une liste non ordonnée.

Liste Ordonné
Cet exemple montre une liste ordonnée.

(Vous pouvez trouver plus d'exemples au bas de cette page.)


HTML liste à puces

Liste non ordonnée est une liste d'articles, la liste des éléments en points en gras (généralement de petits cercles noirs) sont marqués.

Liste non ordonnée en utilisant la balise <ul>

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Le navigateur affiche les éléments suivants:

  • café
  • lait

HTML liste ordonnée

De même, une liste ordonnée est un projet, une liste de projets à l'aide numérique marqué. Une liste ordonnée commence par <ol> tag. Chaque élément de la liste commence par balise <li>.

Liste des articles en utilisant des numéros d'articles pour marquer.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

Le navigateur affiche les éléments suivants:

  1. café
  2. lait

HTML liste personnalisée

Liste personnalisée est non seulement un projet, mais une combinaison de projet et de ses commentaires.

Liste personnalisée commence par <dl> tag. Chaque élément de la liste personnalisée à <dt> commence. Chaque liste éléments définis sur mesure à <dd> commence.

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Le navigateur affiche les éléments suivants:

café
- Boisson chaude noir
lait
- Boisson blanc froid

Notes - Conseils utiles

Astuce: Vous pouvez utiliser les éléments de la liste à l' intérieur des paragraphes, sauts de ligne, des images, des liens et d' autres listes, etc.


Exemples

D'autres exemples

Une liste ordonnée des différents types de
Cet exemple montre une liste ordonnée de types différents.

Différents types de liste à puces
Liste non ordonnée Cet exemple montre différents types.

liste imbriquée
Cet exemple montre comment la liste imbriquée.

liste imbriquée 2
Cet exemple montre une liste imbriquée plus compliquée.

Liste personnalisée
Cet exemple montre une liste de définitions.


Liste des balises HTML

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义定义列表
<dt> 自定义列表项目
<dd> 定义自定列表项的描述