L1 Info : Informatique et documents, HTML
 
◃  Ch. 5 Les blocs structurés  ▹
 

Les listes de définitions

  • Exemple :
    Code HTML Visualisation
    (navigateur)
    <dl>
      <dt>dt :</dt>
      <dd>definition term</dd>
      <dt>dd : </dt>
      <dd>definition data</dd>
      <dt>3ème terme :</dt>
      <dt>4ème terme :</dt>
      <dd>un autre définition</dd>
      <dd>une dernière définition</dd>
    </dl>
    
    dt :
    definition term
    dd :
    definition data
    3ème terme :
    4ème terme :
    un autre définition
    une dernière définition
  • dt ne peut contenir que du texte ou des éléments intégrés (comme p).
  • dd accepte tous les contenus (comme div et li), son contenu est décalé vers la droite.
  • Mise en forme par défaut :
    • Aucune mise en forme n'est appliquée au contenu de l'élément dt
    • Une marge gauche est ajoutée au contenu de l'élément dd