Listes HTML

Liste ordonnée <ol>

Les listes créées avec la balise de liste ordonnée (<ol>) ont un numéro de séquence dans chaque élément de liste. Cela fait partie des propriétés par défaut de la structure de liste triée. Cette apparence peut être modifiée en éditant les paramètres CSS.

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>SEO</li>
</ol>

Structure CSS par défaut de <ol>

ol {
   display: block;
   list-style-type: decimal;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
}

Navigateurs compatibles avec la balise <ol>

Cliquez sur le lien https://caniuse.com/?search=ol pour voir la version actuelle du tableau ci-dessus et plus de détails.

Liste non ordonnée <ul>

Les listes créées avec la balise de liste non ordonnée (<ul>) ont un point au début de chaque élément de liste. Dans la balise de liste non ordonnée, il s’agit d’une propriété CSS qui vient par défaut, cette apparence peut être modifiée en éditant les paramètres.

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>SEO</li>
</ul>

Structure CSS par défaut de <ul>

ul {
   display: block;
   list-style-type: disc;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
}

Navigateurs compatibles avec la balise <ul>

Cliquez sur le lien https://caniuse.com/?search=ul pour voir la version actuelle du tableau ci-dessus et plus de détails.

Élément de liste <li>

La balise d’élément de liste (<li>) est utilisée à l’intérieur des balises de liste ordonnée (<ol>) et non ordonnée (<ul>), il n’est pas techniquement correct de l’utiliser sans ces balises.

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>SEO</li>
</ul>

Structure CSS par défaut de <li>

li {
   display: list-item;
   text-align: -webkit-match-parent;
}

Navigateurs compatibles avec la balise <li>

Cliquez sur le lien https://caniuse.com/?search=li pour voir la version actuelle du tableau ci-dessus et plus de détails.