Beispiele für die Verwendung von DD DT DL-Tags

Normalerweise verwenden wir die Tags <ul><li>, aber auch die Tags dd und dt sind 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 obere Element in der Liste zu erstellen, und <dd>< /dd> wird verwendet, um das untere 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:

dl ——Liste definieren——Liste definieren
dt ——Listentitel definieren——wird verwendet, um die Titel jedes Listenelements in der Definitionsliste zu generieren. Es kann wiederholt verwendet werden, um die Titel mehrerer Listenelemente zu definieren.
dd – „define list define“ – wird verwendet, um die Beschreibungstextfelder für jedes Listenelement in der Definitionsliste zu generieren. Es kann wiederholt verwendet werden, um mehrere Beschreibungstextfelder zu definieren. dd ist eine kurze Beschreibung oder Erklärung des entsprechenden dt

Beispiel:

Code kopieren

Der Code lautet wie folgt:

<dl>
<dt>Heute
<dd>Heute ist gestern.
<dt>Morgen
<dd>Morgen ist heute.
</dl>

Beispiel 2:

Code kopieren

Der Code lautet wie folgt:

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<title>Unbenanntes Dokument</title>
<style type="text/css">

</Stil>
</Kopf>
<Text>
<div id="box">
<div id="Inhalt">
<img src=/Article/UploadFiles/200704/20070412091408274.gif align="left"/ >
<dl>
<dt>Produktname:</dt>
<dd><strong>[Was für ein großes] </strong>Youhui: <span class="red"><em>15 % Rabatt</em></span></dd>
<dt>Produkteinführung:</dt>
<dd>ProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktnameProduktname…[<span class="red";>Ausführliche Einführung</span>]</dd>
<dt>Adresse des Geschäfts:</dt>
<dd>Produktname</dd>
<dt>Kontaktnummer:</dt>
<dd>0000-12345678 87654321 </dd>
</dl>
</div>
</div>
</body>
</html>

<<: So implementieren Sie „insert if none“ und „update if yes“ in MySql

>>: Implementierung des klassischen CSS-Sticky-Footer-Layouts

jQuery-Plugin zur Implementierung des Dashboards

Lösungen für Probleme im Zusammenhang mit der Meldung von Softwarepaketabhängigkeiten während der Installation unter Linux

Inhaltsverzeichnis Hintergrund 1) Aktivieren Sie ...

So installieren Sie MySQL 5.7.17 und stellen die Kodierung in Windows auf UTF-8 ein

herunterladen Offizieller MySQL-Download, wählen ...

Bringen Sie Ihnen kostenlos bei, wie Sie AWS-Serverressourcen nutzen

AWS – Amazons Cloud-Computing-Serviceplattform Ic...

Beispiele für die Verwendung von DD DT DL-Tags

jQuery-Plugin zur Implementierung des Dashboards

Der Unterschied zwischen Hash-Modus und Verlaufsmodus im Vue-Router

Allgemeine Datentypen in MySQL 5.7

Detaillierte Erläuterung der Vorgänge zum Hinzufügen, Löschen und Ändern der MySQL-Datenbank

Tipps zur Kurzschrift in JavaScript

So lösen Sie das Problem, dass Tomcat9.exe abstürzt

Lösung zum Anwenden von CSS3-Transformationen auf Hintergrundbilder

Vue realisiert Web-Online-Chat-Funktion

Linux-Sudo-Sicherheitslücke kann zu unberechtigtem privilegiertem Zugriff führen

Ändern Sie die Dateiberechtigungen (Eigentum) unter Linux

Artikel empfehlen

Beispiel zum schnellen Löschen einer 2T-Tabelle in MySQL in Innodb

Problemaufzeichnung bei der Verwendung des Vue+Echarts-Diagramms

Bringen Sie Ihnen bei, wie Sie wartbaren JS-Code schreiben

Installieren Sie .NET 6.0 im CentOS-System mithilfe eines Cloud-Servers

Implementierungscode zur automatischen Anpassung der Breite der Webseite an die Breite des Handy-Bildschirms (Viewport)

JavaScript-Funktion Currying

Reines CSS3 zur Erzielung einer Mouseover-Schaltflächenanimation, Teil 2

So trennen Sie statischen und dynamischen Status durch die Kombination von Apache und Tomcat

MySQL-Gruppierungsabfragen und Aggregatfunktionen

So weisen Sie einer Instanz in Linux eine öffentliche IP-Adresse zu

Implementierung der Multi-Port-Zuordnung des Nginx-Reverse-Proxys

Detaillierte Erläuterung der Ideen zur Leistungsüberwachung bestimmter Prozesse im Linux-System basierend auf Python

Lösungen für Probleme im Zusammenhang mit der Meldung von Softwarepaketabhängigkeiten während der Installation unter Linux

So installieren Sie MySQL 5.7.17 und stellen die Kodierung in Windows auf UTF-8 ein

Bringen Sie Ihnen kostenlos bei, wie Sie AWS-Serverressourcen nutzen