So verwenden Sie dl(dt,dd), ul(li), ol(li) in HTML

So verwenden Sie dl(dt,dd), ul(li), ol(li) in HTML

HTML <dl> Tag

#Definition und Verwendung

Das <dl>-Tag definiert eine Definitionsliste.
Das Tag <dl> wird verwendet, um <dt> (das ein Element in einer Liste definiert) und <dd> (das ein Element in einer Liste beschreibt) zu kombinieren.

#Beispiel


Code kopieren
Der Code lautet wie folgt:

<dl>
<dt>Computer</dt>
<dd>Ein Instrument zur Berechnung von... </dd>
<dt>Anzeige</dt>
<dd>Ein Gerät zur visuellen Anzeige von Informationen... </dd>
</dl>

HTML <ul> Tag

#Definition und Verwendung

Das <ul>-Tag definiert eine ungeordnete Liste.

#Beispiel

Ungeordnete HTML-Liste:


Code kopieren
Der Code lautet wie folgt:

<ul>
<li>Kaffee</li>
<li>Tee</li>
<li>Milch</li>
</ul>

HTML <ol> Tag

#Definition und Verwendung

Das <ol>-Tag definiert eine geordnete Liste.

#Beispiel

Sortierte HTML-Liste:


Code kopieren
Der Code lautet wie folgt:

<ol>
<li>Kaffee</li>
<li>Tee</li>
<li>Milch</li>
</ol>

ul kann mit ol kombiniert werden, um Menüs und Untermenüs zu definieren


Code kopieren
Der Code lautet wie folgt:

<ul>
<li><a href="#">Inhaltsfilterung</a><li>
<li><a href="#">Wortfilter</a></li>
<li Klasse="s">
<div Klasse="lsub">
<div>Forum</div>
<ol>
<li><a href="#">Verwaltung von Forenthemen</a></li>
<li><a href="#">Beiträge im Forum stapelweise löschen</a></li>
</ol>
</div>
</li>
<ul>

<<:  So erhalten Sie den Inhalt einer TXT-Datei über FileReader in JS

>>:  Tabelle der durch hasLayout verursachten CSS-Fehler

Artikel empfehlen

Spezifische Verwendung des Linux-gcc-Befehls

01. Befehlsübersicht Der Befehl gcc verwendet den...

Grafisches Tutorial zur Installation von Linux CentOS6.9 unter VMware

Als technischer Neuling zeichne ich den Vorgang d...

Methode zur Änderung des MySQL-Kontokennworts (Zusammenfassung)

Vorwort: Bei der täglichen Verwendung der Datenba...

Implementierung der ELK-Bereitstellungsmethode mit einem Klick in Docker Compose

Installieren Filebeat hat Logstash-Forwarder voll...

Einfaches Anwendungsbeispiel für eine rekursive Vue-Komponente

Vorwort Ich glaube, dass viele Studenten bereits ...

JavaScript implementiert Informationen zur Kennwortfeldüberprüfung

In diesem Artikelbeispiel wird der spezifische Ja...

Das WeChat-Applet implementiert eine einfache Taschenrechnerfunktion

WeChat-Applet: Einfacher Rechner. Zu Ihrer Inform...

So zeigen Sie den Status von Remote-Serverdateien in Linux an

Wie unten dargestellt: Der Testbefehl stellt fest...

Html+css, um reinen Text und Schaltflächen mit Symbolen zu erreichen

Dieser Artikel fasst die Implementierungsmethoden...

Designtheorie: Hierarchie im Design

<br />Originaltext: http://andymao.com/andy/...

Beschreibung der HTML-Meta-Viewport-Attribute

Was ist ein Ansichtsfenster? Mobile Browser platz...

So verwenden Sie einen Gamecontroller in CocosCreator

Inhaltsverzeichnis 1. Szenenlayout 2. Fügen Sie e...

So ändern Sie das Root-Passwort von MySQL in Docker

Der erste Schritt besteht darin, einen MySQL-Cont...