Tag HTML <dd>

Le tag HTML <dd> avec les tags <dl> et <dt> est utilisé pour créer une liste de définitions. Dans le tag <dd>, on place la description du terme défini par le tag <dt>. Pour déterminer la liste elle-même, utilisez le tag <dl> . Un terme peut avoir plusieurs définitions dans la liste de définition. (En savoir plus sur Les listes HTML).

Le tag <dd> est un élément de bloc et il peut inclure d'autres éléments: paragraphes, listes, images, liens, etc.

Le contenu de l’élément <dd> a une marge externe par défaut à gauche.

Syntaxe

Le tag <dd> est apparié. Le contenu est écrit entre le tag ouvrant (<dd>) et le tag fermant (</dd>) .

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <h1>Liste de définitions:</h1>
    <dl>
      <dt>Tée</dt>
      <dd>- boisson chaude</dd>
      <dt>Jus</dt>
      <dd>- boisson gazeuse</dd>
    </dl>
  </body>
</html>

Résultat

Le tag <dd> peut être utilisé pour insérer une boîte de dialogue.

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <dl>
      <dt>George</dt>
      <dd>Bonjour</dd>
      <dd>Commen ça va?</dd>
      <dt>Marie</dt>
      <dd>Bonjour.</dd>
      <dd>Ça va bien, merci, et toi?</dd>
      <dt>George</dt>
      <dd>Merci, tout va bien. Qu'est-ce que tu fais?</dd>
      <dt>Marie</dt>
      <dd>Je vais aller à la petite fête aujourd'hui. Et toi?</dd>
    </dl>
  </body>
</html>

Résultat

Attributs

Le tag <dd> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <dd> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <dd>:

Coloration du texte dans le tag HTML <dd>:

Styles de mise en page du texte pour la tag HTML <dd>:

Autres propriétés utiles pour le tag HTML <dd>:


Support de Navigateurs



Trouvez-vous cela utile?

Articles Associées