HTML `<dd>`-Tag

Das HTML <dd>-Tag wird zusammen mit den <dl>- und <dt>-Tags verwendet, um eine Definitionsliste zu erstellen. Das <dd>-Tag enthält die Beschreibung des Begriffs, der durch das <dt>-Tag definiert wird. Für jede Gruppe sollte mindestens ein <dt>-Tag gefolgt von mindestens einem <dd>-Tag vorhanden sein. Folgende Kombinationen sind möglich:

ein Begriff gefolgt von mehreren Beschreibungen,
ein Begriff gefolgt von einer Beschreibung,
mehrere Begriffe gefolgt von einer Beschreibung,
mehrere Begriffe gefolgt von mehreren Beschreibungen.

Für die Liste selbst verwenden wir das <dl>-Tag. Ein einzelner Begriff kann in der Definitionsliste mehrere Definitionen haben. (Mehr dazu in HTML-Listen).

Das <dd>-Element ist ein Blockelement und kann andere Elemente enthalten: Absätze, Listen, Bilder, Links und so weiter. Es wird innerhalb von <body> platziert.

Der Standardinhalt des <dd>-Elements verfügt über einen linken Außenabstand.

Syntax

Das <dd>-Tag wird immer in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<dd>) und dem schließenden (</dd>) Tag geschrieben.

Beispiel für das HTML `<dd>`-Tag:

Definitionsliste|Beispiel für das HTML <dd>-Tag|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Definition list:</h1>
    <dl>
      <dt>Tea</dt>
      <dd>- hot drink</dd>
      <dt>Juice</dt>
      <dd>- ice drink</dd>
    </dl>
  </body>
</html>

Try it Yourself »

Ergebnis

dd exemple

Beispiel für das HTML `<dd>`-Tag zur Einfügung eines Dialogs:

Dialog|Beispiel für das HTML <dd>-Tag|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>George</dt>
      <dd>Hi</dd>
      <dd>What’s up?</dd>
      <dt>Mary</dt>
      <dd>Hi.</dd>
      <dd>I’m doing well, what about you?</dd>
      <dt>George</dt>
      <dd>Thanks, everything is fine. What are you doing?</dd>
      <dt>Mary</dt>
      <dd>I’m going to a party today in the evening. And you?</dd>
    </dl>
  </body>
</html>

Try it Yourself »

Attribute

Das <dd>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.

So stylen Sie ein HTML <dd>-Tag

json

{
    "tag_name": "dd"
}

Praxis

Welche Funktion hat das <dd>-Tag in HTML?

Das <dd>-Tag beschreibt das Element in einer Definitionsliste.Das <dd>-Tag wird zum Erstellen von Tabellen verwendet.Das <dd>-Tag wird zum Erstellen von Hyperlinks verwendet.Das <dd>-Tag wird zum Definieren von Begriffen und Beschreibungen in einer Definitionsliste verwendet.Das <dd>-Tag wird zum Hinzufügen von Videoinhalten zu einer Webseite verwendet.

HTML <dd>-Tag ​

Syntax ​

Beispiel für das HTML <dd>-Tag: ​

Ergebnis ​

Beispiel für das HTML <dd>-Tag zur Einfügung eines Dialogs: ​

Attribute ​