Beispiele für dl-, dt- und dd-Listenbezeichnungen

Beispiele für dl-, dt- und dd-Listenbezeichnungen

Die Tags dd und dt werden für Listen verwendet.
Normalerweise verwenden wir die Tags <ul><li>, aber auch die Tags dd und dt sind sehr gut, insbesondere beim Veröffentlichen eines Programms können Sie sie zum Layout der Liste der Funktionsmodule verwenden.
<dl></dl><dt>< /dt><dd>< /dd>
<dl></dl> wird verwendet, um eine normale Liste zu erstellen, <dt></dt> wird verwendet, um das oberste Element in der Liste zu erstellen, und <dd></dd> wird verwendet, um das unterste Element in der Liste zu erstellen. Sowohl <dt></dt> als auch <dd></dd> müssen zwischen dem Tag-Paar <dl></dl> platziert werden. Schauen Sie sich das folgende Beispiel an und Sie werden es verstehen:
Erstellen Sie eine normale Liste
    <html>
    <Kopf>
    <title>Eine normale Liste</title>
    </Kopf>
    <body text="blau">
    <dl>
    <dt>Chinesische Städte</dt>
    <dd>Peking</dd>
    <dd>Schanghai</dd>
    Guangzhou:
    <dt>Amerikanische Städte</dt>
    <dd>Washington</dd>
    <dd>Chicago</dd>
    <dd>New York</dd>
    </dl>
    </body>
    </html>

    Dieses Beispiel wird im Browser wie folgt angezeigt: Chinesische Städte Beijing Shanghai Guangzhou Amerikanische Städte Washington Chicago New York

<<:  Detaillierte Erläuterung der MySQL sql_mode-Abfrage und -Einstellung

>>:  In einem Artikel erfahren Sie, wie Sie mehrere DIVs und Schaltflächenbindungs-Eingabeereignisse in VUE implementieren

Artikel empfehlen

Netzwerkmanagement und Netzwerkisolationsimplementierung von Docker-Containern

1. Docker-Netzwerkverwaltung 1. Docker-Container-...

So verwenden Sie Javascript zum Generieren glatter Kurven

Inhaltsverzeichnis Vorwort Einführung in Bézierku...

Tutorial zur Installation von Ubuntu 1804 in VMware Workstation 15 Pro (mit Bildern und Text)

Dieser Hinweis ist ein Installationstutorial. Er ...

Reines CSS-Dropdown-Menü

Ergebnisse erzielen Implementierungscode html <...

Das Balkendiagramm von Vue + Echart realisiert Statistiken zu Epidemiedaten

Inhaltsverzeichnis 1. Installieren Sie zuerst ech...

Beispiele für die Verwendung von HTML-Metadaten

Beispielverwendung Code kopieren Der Code lautet w...

Der Vue Axios Interceptor verwendet häufig die wiederholte Stornierung von Anforderungen

Einführung Im vorherigen Artikel wurden die einfa...

Zusammenfassung der in MySQL häufig verwendeten SQL-Anweisungen zum Erstellen von Tabellen, Hinzufügen von Feldern, Ändern von Feldern und Hinzufügen von Indizes

Dieser Artikel beschreibt anhand von Beispielen d...

Detaillierte Erläuterung der Lösung für den Fehler bei der Verwendung von systemctl zum Starten des Dienstes im Docker

Docker-Version: [root@localhost gae_proxy]# Docke...

So ändern Sie den MySQL-Zeichensatz utf8 in utf8mb4

Wenn für MySQL 5.5 der Zeichensatz nicht festgele...

Lösung für das MySQL-Fehlerproblem 1045 (28000)

Ich bin auf den MySQL-FEHLER 1045 gestoßen und ha...

Korrekte Änderungsschritte für das Standardnetzwerksegment von Docker

Hintergrund Ein Kollege arbeitet an seinem Sicher...

JavaScript implementiert die Verarbeitung großer Datei-Uploads

Beim Hochladen von Dateien, z. B. Videodateien, d...

Implementierung der Nginx-Konfiguration des lokalen Image-Servers

Inhaltsverzeichnis 1. Einführung in Nginx 2. Aufb...

Beispielcode von Vue + Element UI zur Realisierung der Player-Funktion

Die Anzeige ohne Effektbild ist nur leeres Gerede...