H5-Lernreise – H5-Liste (8)-H5-Tutorial-php.cn

H5-Lernreise – H5-Liste (8)

黄舟

Freigeben： 2017-02-17 14:33:33

Original

1564 Leute haben es durchsucht

Grundlegende Syntax von Listen

ol: geordnete Liste

ul: ungeordnete Liste

li: Listenelemente

dl : Liste

dt: Listenelement

dd: Listenbeschreibung

Häufig verwendete Listen

1. Ungeordnete Liste: Verwenden Sie die Tags ul, li Attribute: disc (Standard-Vollkreis) Kreis (leerer Kreis) Quadrat (Quadrat)

2. Geordnete Liste: Tags verwenden ol, li Attribute: A (Großbuchstaben) a (Kleinbuchstaben) l (römische Großbuchstaben) i ( Kleinbuchstaben (römische Ziffern) beginnen (arabische Anfangsziffern festlegen)

3. Gemischte Liste: Verwenden Sie die Tags ul ol li

4. Benutzerdefinierte Liste: Verwenden Sie die Tags dl dt dd

! ! ! ! ! ! Codebeispiel

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

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Liste (8)

Grundlegende Syntax der Liste

ol: geordnete Liste

ul: ungeordnete Liste

li: Listenelement

dl: Liste

dt: Listenelement

dd: Listenbeschreibung

Häufig verwendete Listen

1. Ungeordnete Liste: Tags verwenden ul, li Attribute: Scheibe (Standard-Vollkreis) Kreis (Hohlkreis) Quadrat (Quadrat)

Ja Sequenzliste: Verwenden Sie die Tags ol, li Attribute: A (Großbuchstabe) a (Kleinbuchstabe) l (große römische Ziffer) i (kleine römische Ziffer) start (arabische Anfangsziffer festlegen)

3. Gemischte Liste: Verwenden Sie die Tags ul ol li

4. Passen Sie die Liste an: Verwenden Sie Tags dl dt dd

! ! ! ! ! ! Codebeispiel

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

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Liste (8)

Das Obige ist der Inhalt der H5 Learning Journey-H5-Liste (8). Für weitere verwandte Inhalte zahlen Sie bitte Achtung auf die chinesische PHP-Website (www.php.cn)!