Maison > interface Web > tutoriel HTML > Explication détaillée des exemples d'utilisation de balises de liste non ordonnées HTML et de balises de liste ordonnée

Explication détaillée des exemples d'utilisation de balises de liste non ordonnées HTML et de balises de liste ordonnée

高洛峰
Libérer: 2017-03-04 15:05:41
original
3456 Les gens l'ont consulté

Cet article présente principalement les exemples d'utilisation des balises de liste non ordonnées HTML et des balises de liste ordonnées. Les amis qui en ont besoin peuvent s'y référer

1. / dl> :

Dt de niveau supérieur
Dd de niveau inférieur : Le contenu encapsulé sera automatiquement mis en retrait

Le code est le suivant :

<dl>
<dt>运动户外</dt>
<dd>板鞋</dd>
<dd>篮球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>
Copier après la connexion

2. Liste de définition ordonnée :

    Attribut :
    type : Vous pouvez définir le style de tri (vous pouvez également ajouter cet attribut à li séparément)
    1 signifie 1,2,3 ,4
    a représente a, b, c, d
    A représente A, B, C, D
    i représente i, ii, iii
    I représente I, II, III pour représenter
    start : point de départ de la liste
     

  1. : contenu de la liste

    Le code est le suivant :

    <ol type="a" start="55">
    <li>板鞋</li>
    <li>篮球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ol>
    Copier après la connexion

    3. Définition Aucune Liste de séquence :

      Attribut : type : Vous pouvez définir le style de tri ou ajouter cet attribut à li séparément
      dise cercle plein (valeur par défaut)
      cercle cercle creux
      carré Carré plein

    •  : Contenu de la liste


      Le code est le suivant :

      <ul type="square">
      <li type="disc">板鞋</li>
      <li>篮球鞋</li>
      <li>跑步鞋</li>
      <li>足球鞋</li>
      </ul>
      Copier après la connexion

      Plus de désordre HTML pour exemples d'utilisation détaillés de balises de liste et de balises de liste ordonnées, veuillez faire attention au site Web PHP chinois pour les articles connexes !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal