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

Detaillierte Beispiele zur Ajax-Verwendung in js und jQuery

Artikel empfehlen

Lösung für die Fehlermeldung "java.sql.SQLException: Incorrect string value:'\xF0\x9F\x92\xA9\x0D\x0A...'" beim Speichern von Emoticons in MySQL

Vorwort Dieser Artikel stellt hauptsächlich die L...

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

Detaillierte Beispiele zur Ajax-Verwendung in js und jQuery

Analyse des Linux-Hochleistungsnetzwerk-IO- und Reaktormodells

Beispielcode zur Implementierung eines Foto-Stacking-Effekts mit CSS

Detailliertes Tutorial zum Bereitstellen eines Django-Projekts unter CentOS

MySQL slow_log-Tabelle kann nicht in InnoDB-Engine geändert werden – detaillierte Erklärung

Beheben Sie das Problem, dass nach der Installation von Centos7 in VMware kein Ping an das externe Netzwerk möglich ist

Detaillierte Erläuterung der Nginx-Rewrite-Jump-Anwendungsszenarien

Allgemeine Textverarbeitungsbefehle unter Linux und Vim-Texteditor

So konfigurieren Sie denselben Domänennamen für das Front- und Backend von Nginx

Tutorial-Diagramm zur Installation von TomCat unter Windows 10

Artikel empfehlen

Lösung für die Fehlermeldung "java.sql.SQLException: Incorrect string value:'\xF0\x9F\x92\xA9\x0D\x0A...'" beim Speichern von Emoticons in MySQL

Tutorial zu HTML-Tabellen-Tags (11): Horizontales Ausrichtungsattribut ALIGN

Lösung für das Problem des MySQL-Threads beim Öffnen von Tabellen

CocosCreator ScrollView-Optimierungsreihe: Frame-Laden

Linux verwendet den Binärmodus zur Installation von MySQL

HTML-Formular-Tag-Tutorial (5): Textfeld-Tag

Detaillierte Erklärung des gesamten Prozesses zum Erstellen eines persönlichen Blogs mit nginx+WordPress

MySQL-Datenbank-JDBC-Programmierung (Java stellt eine Verbindung zu MySQL her)

JavaScript zum Erzielen eines Taobao-Produktbild-Umschalteffekts

Informationen zur Bildlaufleiste in HTML/Bildlaufleiste entfernen

Zwei Möglichkeiten zum Aktivieren der Firewall im Linux-Dienst

So leeren Sie den Cache nach der Verwendung von Keep-Alive in Vue

Verwenden Sie Docker, um Tomcat bereitzustellen und eine Verbindung zu Skywalking herzustellen

Ein Artikel zeigt Ihnen, wie Sie den Watch-Listener von Vue verwenden

Schritte zur Implementierung der Autorisierungsanmeldung für das WeChat-Applet von Uni-App