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

InnoDB-Typ MySql stellt Tabellenstruktur und Daten wieder her

Voraussetzung: Speichern Sie die .frm- und .ibd-D...

Warum ist es langsam, wenn Limit- und Offset-Paging-Szenarien verwendet werden?

Beginnen wir mit einer Frage Als ich vor fünf Jah...

Detaillierte Erläuterung des Nginx-HTTP-Ressourcenanforderungslimits (drei Methoden)

Voraussetzung: nginx muss über die Module ngx_htt...

IE6 BUG und Fix ist eine vorbeugende Strategie

Originalartikel: Ultimatives IE6-Cheatsheet: So b...

Der Prozess der Installation und Konfiguration von Nginx in Win10

1. Einleitung Nginx ist ein kostenloser, quelloff...

Verschiedene Möglichkeiten zum Ändern der Hintergrundbildfarbe mit CSS3

CSS3 kann die Farbe von Bildern ändern. Ab sofort...

JS asynchroner Code Unit-Test Magie Promise

Inhaltsverzeichnis Vorwort Verkettung von Verspre...

Unterschied zwischen MySQL Btree-Index und Hash-Index

In MySQL werden die meisten Indizes (wie PRIMARY ...

Beispiel für die Einrichtung eines mehrspaltigen Layouts gleicher Höhe mit CSS

Mehrere Spalten haben zunächst unterschiedliche I...

Tiefgreifendes Verständnis des benutzerdefinierten Routing-Managements von React Native

Inhaltsverzeichnis 1. Benutzerdefiniertes Routing...

So erweitern Sie die Festplattenpartition für das CentOS-System

Problem/Fehler/Szenario/Anforderung Die Festplatt...

Eine ausführliche Einführung in React-Referenzen

1. Was ist Refs wird in Computern als Resilient F...

dh Filtersammlung

Der IE hat uns in der frühen Entwicklungsphase Ko...

So verwenden Sie nginx zum Konfigurieren des Zugriffs auf wgcloud

Die Nginx-Konfiguration ist wie folgt: Wie http:/...

Detaillierte Erklärung der Lösung für HTML-Layout mit festen linken und rechten Breiten und adaptiver Mitte

In diesem Artikel wird eine detaillierte Erläuter...