Les listes de définitions HTML

Les listes de définitions HTML

  1. Objectifs

    • ِ Connaitre les listes de définitions en HTML.
  2. Les listes de définitions HTML

    • Les listes de définitions comportent deux parties, un terme et une description. Pour marquer une liste de définitions, il vous faut trois éléments HTML : un <dl> conteneur, un terme de définition <dt>, et une description de définition <dd>.
    • Les listes de définition, sont créées en utilisant la balise <DL> , Elle se composent généralement d’une série de paires de terme / définition (bien que les listes de définition peuvent avoir d’autres applications).
    • L’élément HTML <dl> représente une liste de descriptions sous la forme d’une liste de paires associant des termes (fournis par des éléments <dt>) et leurs descriptions ou définitions (fournies par des éléments <dd>).
    • Ce type de liste est composé de deux parties : un terme et une description.
    • L’utilisation la plus appropriée est donc celle où un mot ou une expression : <dt> serait défini par une courte explication : <dd>, comme dans un dictionnaire ou un glossaire, par exemple.

    • La structure de base d’une liste de définition est la suivante :
    • <dl>
      <dt>Terme 1</dt>
      <dd>Définition 1</dd>
      <dt>Terme 2</dt>
      <dd>Définition 2</dd>
      </dl>

    • Vous pouvez utiliser plusieurs <dt> et <dd> dans la même liste de définitions
    • <dl>
      <dt>Pointer</dt>
      <dd>Viser à la pétanque</dd>
      <dd>Marquer comme fait</dd>
      </dl>
      <dl>
      <dt>Fordisme</dt>
      <dt>Taylorisme</dt>
      <dd>Tout sauf des vacances</dd>
      </dl>




  3. Autres utilisations

    • Vous pouvez aussi utiliser des éléments de type bloc dans une description de définition, comme un <p> ou un <ul>.
    • Vous ne pouvez pas utiliser d’éléments de type bloc dans un terme de définition.
    • <dl>
      <dt>Grenouille</dt>
      <dd><p>Truc vert humide et qui croasse.</p></dd>
      </dl>
      <dl>
      <dt>Grenouille</dt>
      <dd>
      <ul>
      <li>Vert</li>
      <li>Humide</li>
      <li>Croasser</li>
      </ul>
      </dd>
      </dl>

  4. Exemple

    • <p>Les développeurs Web utilisent ces langages lorsqu'ils créent un site:</p>
      <dl>
          <dt>HTML</dt>
          <dd><em>HyperText Markup Language</em> décrit la structure de la page et son contenu.</dd>
          <dt>CSS</dt>
          <dd><em>Cascading Style Sheets</em> décrit à quoi ressemble un site et même dans une certaine mesure comment il répond à certains événements.</dd>
          <dt>JavaScript</dt>
          <dd>JavaScript est le langage de programmation utilisé pour définir la logique et la fonction d'un site au-delà de la simple apparence. Tout calcul ou "réflexion" se fait en JavaScript.</dd>
      </dl>
       <dt>PHP</dt>
          <dd><em>HyperText Preprocessor</em> le meilleur langage de création de page dynamique</dt>
       <dt>SQL</dt>
          <dd><em>Structured Query Language</em> le langage interrogation des bases de données</dt>
      

      Résultat attendu

      Les listes de définitions HTML






Abonnez vous à notre chaîne YouTube gratuitement