Comment utiliser la liste en HTML

Une liste est un élément en HTML utilisé pour afficher une séquence d'éléments. Il existe deux types de listes non ordonnées et de listes ordonnées, marquées respectivement par des points ou des chiffres/lettres. La syntaxe est

et
, et le type de liste, la valeur de départ, etc. peuvent être spécifiés via des attributs. Les listes peuvent être imbriquées, créant ainsi des sous-listes dans les éléments de la liste.

Utilisation des listes en HTML

Qu'est-ce qu'une liste ?

Une liste est un élément HTML utilisé pour afficher une série d'éléments liés ou ordonnés.

Types

Il existe deux types de listes en HTML :

• Liste non ordonnée (
  ) : est utilisée pour afficher des éléments non triés, généralement marqués de points ou de tirets.
  • Liste commandée (
    ) : Utilisé pour afficher les articles commandés, généralement étiquetés avec des chiffres ou des lettres.

  Syntaxe

  La syntaxe de la liste est la suivante :

  <code class="html"><ul>
    <li>项目 1</li>
    <li>项目 2</li>
    <li>项目 3</li>
  </ul></code>

  Attributs

  • type : Spécifiez le type de liste, qui peut être "disque" (point), "cercle" (cercle ) ou "carré "(carré) etc.
  • start : Spécifiez la valeur de départ de la liste ordonnée.

  Listes imbriquées

  Les listes peuvent être imbriquées, c'est-à-dire créer des sous-listes dans les éléments de la liste :

  <code class="html"><ul>
    <li>项目 1
      <ul>
        <li>子项目 1</li>
        <li>子项目 2</li>
      </ul>
    </li>
    <li>项目 2</li>
  </ul></code>

  Instances

  Liste non ordonnée :

  <code class="html"><ul>
    <li>苹果</li>
    <li>香蕉</li>
    <li>橙子</li>
  </ul></code>

  Liste ordonnée :

  <code class="html"><ol>
    <li>星期一</li>
    <li>星期二</li>
    <li>星期三</li>
  </ol></code>

  Liste imbriquée :

  <code class="html"><ul>
    <li>动物
      <ul>
        <li>狗</li>
        <li>猫</li>
      </ul>
    </li>
    <li>水果</li>
  </ul></code>

  Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!