Maison >interface Web >Tutoriel H5 >Parcours d'apprentissage H5-Liste H5 (8)

Parcours d'apprentissage H5-Liste H5 (8)

黄舟
黄舟original
2017-02-17 14:33:331598parcourir

Syntaxe de base des listes

ol : liste ordonnée

ul : liste non ordonnée

li : éléments de liste

dl : Liste

dt : Élément de liste

dd : Description de la liste

Listes couramment utilisées

Liste non ordonnée : Utiliser les balises ul, li attributs : disque. (cercle plein par défaut) cercle (cercle vide) carré (carré)

2. Liste ordonnée : utilisez les balises ol, li attributs : A (lettres majuscules) a (lettres minuscules) l (chiffres romains majuscules) i ( chiffres romains minuscules) début (définir les chiffres arabes de départ)

3. Liste mixte : utilisez les balises ul ol li

4. Liste personnalisée : utilisez les balises dl dt dd

 ! ! ! ! ! ! Exemple de code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
   <ul type="square">
       <li>香蕉</li>
       <li>香蕉</li>
       <li>香蕉</li>
   </ul>
   <ol type="I">
       <li>香蕉</li>
       <li>香蕉</li>
       <li>香蕉</li>
   </ol>
   <ul type="square">
       <li>香蕉</li>
       <ol>
           <li>水谷</li>
           <li>水谷</li>
       </ol>
       <li>香蕉</li>
       <ol>
           <li>水谷</li>
           <li>水谷</li>
       </ol>
       <li>香蕉</li>
       <ol>
           <li>水谷</li>
           <li>水谷</li>
       </ol>
   </ul>
    <dl>
        <dt>hello world</dt>
        <dd>can you feel me</dd>
        <dt>hello world</dt>
        <dd>can you feel me</dd>
        <dt>hello world</dt>
        <dd>can you feel me</dd>
    </dl></body></html>

Rendu

Parcours dapprentissage H5-Liste H5 (8)

Syntaxe de base de la liste

ol : liste ordonnée

ul : liste non ordonnée

li : élément de liste

dl : liste

dt : élément de liste

dd : description de la liste

Listes couramment utilisées

1. Liste non ordonnée : utilisez les balises ul, les attributs li : disque (cercle plein par défaut) cercle (cercle creux) carré (carré)

Oui Liste de séquence : Utilisez les balises ol, li Attributs : A (lettre majuscule) a (lettre minuscule) l (chiffre romain majuscule) i (chiffre romain minuscule) start (définir le chiffre arabe de départ)

3. Liste mixte : utilisez les balises ul ol li

4. Personnalisez la liste : Utilisez les balises dl dt dd

 ! ! ! ! ! ! Exemple de code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
   <ul type="square">
       <li>香蕉</li>
       <li>香蕉</li>
       <li>香蕉</li>
   </ul>
   <ol type="I">
       <li>香蕉</li>
       <li>香蕉</li>
       <li>香蕉</li>
   </ol>
   <ul type="square">
       <li>香蕉</li>
       <ol>
           <li>水谷</li>
           <li>水谷</li>
       </ol>
       <li>香蕉</li>
       <ol>
           <li>水谷</li>
           <li>水谷</li>
       </ol>
       <li>香蕉</li>
       <ol>
           <li>水谷</li>
           <li>水谷</li>
       </ol>
   </ul>
    <dl>
        <dt>hello world</dt>
        <dd>can you feel me</dd>
        <dt>hello world</dt>
        <dd>can you feel me</dd>
        <dt>hello world</dt>
        <dd>can you feel me</dd>
    </dl></body></html>

Rendu

Parcours dapprentissage H5-Liste H5 (8)

Ce qui précède est le contenu de la liste H5 Learning Journey-H5 (8). Pour plus de contenu connexe, veuillez payer. attention au site PHP chinois (www.php.cn) !


Déclaration:
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