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

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.21 winx64 unter Windows 10

Installations- und Konfigurationsmethode für MySQ...

Optimierung der Leistung von Paging-Abfragen für MySQL mit mehreren zehn Millionen Daten

Wenn die Datenmenge in MySQL groß ist, wird die S...

JavaScript-Selektorfunktionen querySelector und querySelectorAll

Inhaltsverzeichnis 1. querySelector fragt ein ein...

Lernen Sie, wie Sie in 2 Minuten ein kreisförmiges/fächerförmiges Menü erstellen (Basisversion)

Vorwort Für das Projekt ist ein kreisförmiges Men...

Detaillierte Erklärung zur Verwendung des <meta>-Tags in HTML

Wenn wir möchten, dass mehr Leute die von uns ers...

CentOS6.8 – Tutorial-Diagramm zum Umschalten der chinesischen/englischen Umgebung

1. Einleitung Personen, die nicht an die englisch...

Detaillierte Erläuterung der Verwendung von Befehlen in MySQL zum Erreichen einer hierarchischen Suchhilfe

Vorwort Dieser Artikel stellt hauptsächlich den r...

Ein Debugging-Prozessprotokoll für chinesische Zeichentrickfiguren in der Startkonsole des Tomcat-Quellcodes

Finden Sie das Problem Heute werde ich den Tomcat...

Eine einfache und effektive Lösung, um das ursprüngliche Passwort bei der Installation von MySQL zu vergessen

Wenn Sie MySQL installieren, wird Ihnen ein erste...

DOCTYPE Dokumenttypdeklaration (unbedingt lesenswert für Webseiten-Liebhaber)

DOCTYPE-DEKLARATION: Oben auf jeder Seite, die Sie...

MySQL-Gruppe durch Gruppieren mehrerer Felder

Bei täglichen Entwicklungsaufgaben verwenden wir ...

Vue-Formular-Post-Anforderung kombiniert mit Servlet zur Realisierung der Datei-Upload-Funktion

Code der Front-End-Testseite: <Vorlage> <...

Tiefgreifendes Verständnis der Verwendung des Schlüsselworts „infer“ in Typescript

Inhaltsverzeichnis schließen Fallstudie: Vertiefe...

Linux: Kein Speicherplatz mehr auf Gerät 500 – Fehler aufgrund voller Inodes

Was ist ein Inode? Um Inode zu verstehen, müssen ...

Detaillierte Erklärung der numerischen Trennzeichen von TS und strengere Klassenattributprüfungen

Inhaltsverzeichnis Überblick in Operatorverfeiner...