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

Bestimmen Sie die Richtung der Mauseingabe basierend auf CSS

In einer Front-End-Technologiegruppe sagte ein Gr...

Detaillierte Erklärung der JS-Ereignisdelegation

1. Jede Funktion ist ein Objekt und belegt Speich...

Detaillierte Erklärung der Stammverzeichniseinstellungen in nginx.conf

Bei der Konfiguration von nginx.conf treten immer...

Was genau passiert im Hintergrund, wenn Sie eine URL eingeben?

Als Softwareentwickler müssen Sie über ein vollst...

GZIP-Komprimierung Tomcat und Prozessdiagramm zur Verbesserung der Web-Leistung

1. Einleitung Ich habe vor Kurzem an einem Projek...

Eine kurze Diskussion über MySQL-Ereignisplanungsaufgaben

1. Prüfen Sie, ob das Ereignis aktiviert ist Vari...

Beispiel für die Bereitstellung von Spring Boot mit Docker

Hier verwenden wir hauptsächlich Spring-Boot, das...

Methode zum Erkennen, ob IP und Port verbindbar sind

Windows cmd Telnet Format: Telnet-IP-Port Fall: T...

Detaillierte Erklärung der Prinzipien des responsiven Systems von Vue

Inhaltsverzeichnis Die Grundprinzipien des respon...

Dieser Artikel zeigt Ihnen, wie Sie CSS wie JS-Module importieren

Inhaltsverzeichnis Vorwort Was sind erstellbare S...

So ermitteln Sie die Größe eines Linux-Systemverzeichnisses mit dem Befehl du

Jeder, der das Linux-System verwendet hat, sollte...