Maison > interface Web > Tutoriel H5 > le corps du texte

Parcours d'apprentissage H5-Liste H5 (8)

黄舟
Libérer: 2017-02-17 14:33:33
original
1551 Les gens l'ont consulté

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>
Copier après la connexion
Copier après la connexion

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>
Copier après la connexion
Copier après la connexion

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) !


É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!