Maison > interface Web > tutoriel HTML > Comment créer une liste de définitions en HTML5 ?

Comment créer une liste de définitions en HTML5 ?

WBOY
Libérer: 2023-08-29 20:33:06
avant
1385 Les gens l'ont consulté

Comment créer une liste de définitions en HTML5 ?

Les listes de descriptions (anciennement listes de définitions) fournissent un arrangement organisé de termes et de leurs définitions.

Les balises de la liste de définitions sont les suivantes : −

  • − Ceci est une liste de définitions. Il stocke les termes et leurs définitions sous forme de tableau de lignes et de données.

  • - C'est un terme utilisé pour la définition. Il garde la phrase définie.

  • - Ceci est utilisé comme description ou définition. Il contient des définitions de termes spécifiques.

Utilisez ces balises,

Voici des exemples...

La traduction chinoise de

Exemple

est :

Exemple

Dans l'exemple ci-dessous, nous utilisons les balises

,
,
pour ajouter des définitions à notre page Web.
<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <dt>SGML</dt>
      <dd>The Standard Generalized Markup Language. </dd>
      <dt>HTML</dt>
      <dd>The Hypertext Markup Language.</dd>
      <dd>The Markup Language You Use To Create Web Pages.</dd>
      <dt>XML</dt>
      <dd>The Extensible Markup Language.</dd>
   </dl>
</body>
</html>
Copier après la connexion

Sortie

Lorsque le script ci-dessus est exécuté, il affichera le texte en deux étapes différentes : une sous forme de phrase et une sous forme de définition.

Exemple : utilisez div pour envelopper des lignes

Dans l'exemple ci-dessous, nous utilisons un élément div pour regrouper les éléments nom-valeur -

<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <div>
         <dt>TutorialsPoint</dt>
         <dd>Leading providers of web based tutorials on Computer Science academic subjects, Computer Languages, Management, Telecom, and other miscellaneous subjects</dd>
      </div>
      <div>
         <dt>Established in</dt>
         <dd>2006</dd>
      </div>
   </dl>
</body>
</html>
Copier après la connexion

Sortie

Lors de l'exécution du script ci-dessus, la liste des définitions ressemblera à ceci. TutorialsPoint et sa définition sont regroupés, et l'année de création est regroupée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal