Detaillierte grafische Erläuterung der Unterschiede zwischen geordneten Listen, ungeordneten Listen und benutzerdefinierten Listen in HTML

Listen werden häufig im Seitenlayout verwendet. Listen werden in geordnete Listen, ungeordnete Listen und benutzerdefinierte Listen unterteilt. Kennen Sie den Unterschied zwischen geordneten Listen, ungeordneten Listen und benutzerdefinierten Listen? In diesem Artikel erfahren Sie, welche Tags in geordneten Listen, ungeordneten Listen und benutzerdefinierten Listen verwendet werden und welche Unterschiede zwischen den dreien bestehen. Er hat einen gewissen Referenzwert und interessierte Freunde können einen Blick darauf werfen.

1. Ungeordnete Liste

-Tag wird verwendet, um eine ungeordnete Liste zu definieren , Sie können eine ungeordnete Liste erstellen.

Beispiel: Verwenden Sie eine ungeordnete Liste, um vier große Klassiker aufzulisten. Der Code lautet wie folgt:


<ul>
   <li>红楼梦</li>
   <li>水浒传</li>
   <li>三国演义</li>
   <li>西游记</li>
</ul>

Rendering:



Attributtyp „Ungeordnete Liste“, der Standardstil ist ein kleiner schwarzer Kreis, d.

2. Geordnete Liste

-Tag kann eine geordnete Liste definieren, verwenden Sie das
-Tag kann eine geordnete Liste erstellen, in der die Reihenfolge der Liste numerisch angezeigt wird.

Der Beispielcode lautet wie folgt:

<ol>
   <li>红楼梦</li>
   <li>水浒传</li>
   <li>三国演义</li>
   <li>西游记</li>
</ol>

Rendering:



Die geordnete Liste hat zwei Attribute, nämlich Typ und Start. Der Typ verfügt über fünf Attributwerte: 1, a, A, i, I (römische Ziffern), die zur Angabe des Stils des Listenpräfixes verwendet werden. Start gibt an, mit welcher Nummer des Typs Typ begonnen werden soll. Wenn beispielsweise Typ = „a“ und Start = „4“ ist, bedeutet dies, dass der Kleinbuchstabentyp ausgewählt ist und die Liste mit dem vierten Buchstaben d beginnt.

3. Benutzerdefinierte Liste

-Tag kann eine Beschreibungsliste definieren, und das

-Tag wird zusammen mit

verwendet ;dd> , erstellen Sie eine benutzerdefinierte Liste (Beschreibungsliste).

Der Beispielcode lautet wie folgt:

<dl>
     <dt>中国四大名著</dt>
       <dd>红楼梦</dd>
      <dd>西游记</dd>
       <dd>水浒传</dd>
       <dd>三国演义</dd>
</dl>

Rendering:



In der benutzerdefinierten Liste (Beschreibungsliste) gibt es eine Einrückung .

Der Unterschied zwischen geordneten Listen, ungeordneten Listen und benutzerdefinierten Listen:

Sowohl geordnete Listen als auch ungeordnete Listen haben Präfixe, aber geordnete Listen haben Großbuchstaben, Kleinbuchstaben und Zahlen und römische Ziffern usw., während die Präfixe ungeordneter Listen ausgefüllte Kreise, hohle Kreise und ausgefüllte Quadrate sind. Der Unterschied zwischen einer benutzerdefinierten Liste, einer geordneten Liste und einer ungeordneten Liste besteht darin, dass sie eine Einrückung, aber kein Präfix aufweist.

【Empfohlene verwandte Tutorials】

1. CSS3-Video-Tutorial
2. CSS-Online-Handbuch
3 Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erläuterung der Unterschiede zwischen geordneten Listen, ungeordneten Listen und benutzerdefinierten Listen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!