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

Zusammenfassung der Docker-Datenspeicherung

Bevor Sie diesen Artikel lesen, hoffe ich, dass S...

MySQL-Operationen: Operationen mit JSON-Datentyp

Im vorherigen Artikel haben wir das ausführliche ...

Handbuch zur MySQL-Volltextindizierung

Die Volltextindizierung erfordert eine spezielle ...

Lernbeispiel für den Nginx Reverse Proxy

Inhaltsverzeichnis 1. Reverse-Proxy-Vorbereitung ...

Detaillierte Erklärung der HTML-Style-Tags und der zugehörigen CSS-Referenzen

HTML-Style-Tag Stil-Tag - Verwenden Sie dieses Ta...

js, um einen einfachen Kalendereffekt zu erzielen

In diesem Artikel wird der spezifische Code von j...

Wie stellt MySQL die Datenintegrität sicher?

Die Bedeutung von Datenkonsistenz und -integrität...

Detaillierte Erklärung des Overlay-Netzwerks in Docker

Übersetzt aus der offiziellen Docker-Dokumentatio...

So richten Sie Textfelder in mehreren Formularen in HTML aus

Der Formularcode ist wie in der Abbildung dargest...

Realisierung baumförmiger Sekundärtabellen auf Basis von Angular

Erster Blick auf die Wirkung: Code: 1.html <di...

Attribute im Vue V-For-Loop-Objekt

Inhaltsverzeichnis 1. Werte innerhalb von Schleif...