Heim > Artikel > Web-Frontend > H5-Lernreise – H5-Liste (8)

H5-Lernreise – H5-Liste (8)

黄舟Original: 2017-02-17 14:33:331479Durchsuche

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>

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>

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：H5-Lernreise – H5-Formular (7)Nächster Artikel：H5-Lernreise – H5-Formular (7)

In Verbindung stehende Artikel

Mehr sehen