Beispiele für die Verwendung von HTML-Listen-Tags dl, ul, ol

Beispiele für die Verwendung von HTML-Listen-Tags dl, ul, ol

Code kopieren
Der Code lautet wie folgt:

<!--
Listen-Tag: <dl>: hierarchische Liste Unter-Tag: <dt>: oberstes Listenelement
<dd>: Listenelement auf unterer Ebene
------------
Ungeordnetes Listen-Tag: <ul>
Untertag: <li>
------------
Ungeordnetes Listen-Tag: <ol>
Untertag: <li>
--!>
<html>
<Kopf>
<title>Praxis für Listen-Tags</title>
</Kopf>
<Text>
<dl>
<dt>Bezeichnung</dt>
<dd>1</dd>
<dd>2</dd>
<dd>3</dd>
</dl>
<hr>
<ul Typ="Scheibe">
<li>Apfel</li>
<li>Banane</li>
<li>Orange</li>
</ul>
<hr>
<ol Typ="1">
<li>Apfel</li>
<li>Banane</li>
<li>Orange</li>
</ol>
<hr><!--Üben Sie das Verschachteln von Tags-->
<dl>
<dt>Vier Himmlische Könige</dt>
<dd>
<ol Typ="1">
<li>Jacky Cheung</li>
<li>Andy Lau</li>
<li>Aaron Kwok</li>
<li>Morgendämmerung</li>
</ol>
</dd>
</dl>
</body>
</html>

<<:  JS Leicht verständliche Funktion und Konstruktor

>>:  Lassen Sie uns ausführlich über die Richtung der langsamen SQL-Optimierung in MySQL sprechen

Artikel empfehlen

So verwenden Sie den Linux-Befehl „locate“

01. Befehlsübersicht Der Befehl „locate“ ist eige...

WePY-Cloud-Entwicklungspraxis im Linux-Befehlsabfrage-Applet

Hallo zusammen, heute werde ich mit Ihnen die WeP...

MySQL-Konfiguration Master-Slave-Server (ein Master und mehrere Slaves)

Inhaltsverzeichnis Ideen Hostkonfiguration Konfig...

Einführung in den strikten Modus von JavaScript verwenden Sie strikt

Inhaltsverzeichnis 1. Übersicht 1.1 Was ist der s...

HTML-Grundlagen-Zusammenfassungsempfehlung (Textformat)

HTML-Tags zur Textformatierung 標簽 描述 <b> 定義...

So installieren Sie ROS Noetic in Ubuntu 20.04

Haftungsausschluss: Da das Projekt die Verwendung...

Grafisches Tutorial zur Installation von JDK1.8 unter CentOS7.4

Schritte zur Linux-Installation von JDK1.8 1. Übe...

JavaScript verwendet setTimeout, um einen Countdown-Effekt zu erzielen

Um die Fähigkeit zum Schreiben von nativem JavaSc...

Was sind Inline-Elemente und Blockelemente?

1. Inline-Elemente nehmen nur die Breite des Inhal...

Einige Vorschläge zur Linux-Systemoptimierung (Kerneloptimierung)

Swap deaktivieren Wenn auf dem Server ein Datenba...

JavaScript zum Erreichen eines einfachen Tab-Leisten-Umschaltens

In diesem Artikel wird der spezifische Code für J...