Listes HTML

Une forme de conteneur qui contient du texte ou des graphiques s'appelle une liste ; la caractéristique la plus importante de la liste est son ordonnancement, sa clarté et son organisation.

HTML prend en charge les listes ordonnées, non ordonnées et personnalisées :

Listes HTML

Exemples en ligne

Liste non ordonnée
Ce exemple montre une liste non ordonnée.

Liste ordonnée
Ce exemple montre une liste ordonnée.

Liste non ordonnée HTML

La liste non ordonnée est une liste de projets, les éléments de la liste sont marqués par des points gras (petits cercles noirs typiques).

La liste non ordonnée utilise la balise <ul>

<ul>
<li>Élément de liste1</li>
<li>Élément de liste2</li>
</ul>

Voici comment le navigateur affiche :

• Élément de liste1

• Élément de liste2

Liste ordonnée HTML

De même, la liste ordonnée est une liste de projets, les éléments de la liste sont marqués par des numéros. La liste ordonnée commence par la balise <ol>. Chaque élément de la liste commence par la balise <li>.

Les éléments de liste sont marqués par des numéros.

<ol>
<li>Élément de liste1</li>
<li>Élément de liste2</li>
</ol>

Voici comment il est affiché dans le navigateur :

1. Élément de liste1

2. Élément de liste2

Liste personnalisée HTML

Une liste personnalisée n'est pas seulement une liste de projets, mais une combinaison de projets et de commentaires.

Une liste personnalisée commence par la balise <dl>. Chaque élément de liste personnalisée commence par <dt>. La définition de chaque élément de liste personnalisée commence par <dd>.

<dl>
<dt>Printemps</dt>
<dd>-　Le printemps est arrivé, partout il y a une atmosphère de printemps</dd>
<dt>Automne</dt>
<dd>-　Les feuilles d'automne deviennent jaunes, l'automne est la saison des récoltes</dd>
</dl>

Voici comment le navigateur affiche :

• Printemps

• - Le printemps est arrivé, partout il y a une atmosphère de printemps

• Automne

• - Les feuilles d'automne deviennent jaunes, l'automne est la saison des récoltes

Remarques importantes - Conseil utile

Conseil : les éléments de liste peuvent contenir des paragraphes, des retours chariots, des images, des liens et d'autres listes, etc.

Plus d'exemples

Listes ordonnées de différents types
Ce exemple montre des listes ordonnées de différents types.

Listes non ordonnées de différents types
Listes non ordonnées de différents types

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.

Balise HTML de liste