HTML est l'une des langues de balisage les plus fréquemment utilisées pour les documents qui sont censés être affichés sur un navigateur Web. Bien qu'il existe différents compilateurs dans lesquels vous pouvez créer vos scripts HTML, vous pouvez toujours créer un script HTML sur le bloc-notes et l'exécuter sur n'importe quel navigateur Web de votre choix très facilement. Cette langue est un mélange de différentes balises que vous pouvez utiliser pour concevoir une page Web entière comme un pro. Dans ce tutoriel, nous discuterons de la balise HTML «DL» et de son utilisation.

But de la balise DL dans HTML

«DL» signifie la liste des description en HTML. Cette balise est utilisée pour créer des listes de plusieurs éléments et fournir des descriptions de ces éléments. Cela sert de belle façon de transmettre à quelqu'un le but exact de chaque élément de la liste. La balise «DL» dans HTML est toujours accompagnée des balises «DT» et «DD» qui sont utilisées pour spécifier l'élément puis fournir sa description respective. Par conséquent, chaque fois que vous souhaitez créer une liste de description en HTML, vous devez toujours le joindre à l'intérieur de la balise «DL». Ensuite, vous pouvez utiliser les balises «DT» et «DD» pour mentionner les termes de cette liste avec leurs descriptions.

Utilisation de la balise DL dans HTML

Pour apprendre à utiliser la balise «DL» dans HTML, suivez les exemples expliqués ci-dessous:

Exemple 1: Création d'une liste de description pour différents cours offerts par une université
Considérez un scénario dans lequel vous souhaitez annoncer les différents cours offerts par une université ou un établissement d'enseignement particulier. La meilleure façon la plus concise de le faire est de créer une liste de description qui fournit une brève description correspondant à chaque cours offert. Une liste de description peut être créée à l'aide de la balise HTML «DL» avec les balises «DT» et «DD» pour définir les termes de cette liste et pour fournir leurs descriptions respectives. Vous pouvez vous référer au script HTML suivant pour bien comprendre cet exemple:

Nous avons d'abord fourni la déclaration de type de document avec la ligne «» afin que notre navigateur puisse savoir instantanément qu'il va exécuter un fichier HTML. Ensuite, nous avons utilisé les balises «» et «» pour entourant notre script réel en eux. Ensuite, nous avons utilisé le «

”En-tête pour spécifier les éléments HTML que nous allons utiliser dans ce script. Ceci est suivi par le «

”Tag qui définit un paragraphe et nous l'avons utilisé pour spécifier les fonctionnalités de notre script (i.e., Il va utiliser les balises HTML «DL», «DT» et «DD».)

La balise «DL» que nous avons utilisée pour créer la liste description est le nœud. Nous avons défini les termes de cette liste de description en utilisant les balises «DT». Nous avons créé une liste de description pour trois cours différents. Ensuite, pour avoir fourni la description contre chaque cours, nous avons utilisé les balises «DD». Après avoir mentionné tous les termes et leurs descriptions associées dans notre liste de description, nous avons fermé la balise «DL» suivie de la fermeture des balises «» et «».

Comment exécuter ce fichier HTML?

Nous avons utilisé l'application simple. Ensuite, nous avons cliqué sur le menu «Fichier» comme indiqué ci-dessous:

Après cela, nous avons sélectionné l'option «Enregistrer sous».

Ensuite, nous avons nommé notre fichier HTML comme «DL.html ”. Vous pouvez le nommer en fonction de votre choix. Après cela, nous avons sélectionné le type de document et aussi le codage. Ensuite, nous avons simplement enregistré ce fichier. Maintenant, notre fichier devrait être exécuté dans n'importe quel navigateur de notre choix.

Nous cliquerons simplement avec le bouton droit sur notre «DL.Fichier html »et sélectionnez le navigateur que nous voulons exécuter ce script (i.e., Google Chrome.) Cependant, vous pouvez également l'exécuter sur n'importe quel autre navigateur.

Après l'exécution de ce script, la page Web suivante apparaîtra sur votre écran qui représentera la fonctionnalité de votre «DL.script html ”:

Exemple 2: Création d'une liste de description pour certaines abréviations avec leurs formes complètes
Pour plus en plus accentuer sur l'utilisation de la balise «DL» dans HTML, cet exemple vous apprendra comment créer une liste de description pour certaines abréviations et leurs formes complètes. Pour cela, vous pouvez vous référer au script HTML illustré ci-dessous:

Dans ce script HTML, nous n'avons utilisé aucun en-têtes, nous avons simplement utilisé la balise de paragraphe pour spécifier la fonctionnalité de ce script. Ceci est suivi par notre liste de description qui se compose de quatre termes différents et de leurs descriptions associées.

Après cela, nous avons exécuté ce script HTML de la même manière que nous l'avons fait dans notre premier exemple. Son résultat est indiqué dans l'image suivante:

Conclusion

Ce guide était destiné à vous présenter la liste description ou la balise «DL» de HTML. En utilisant cette balise, vous pouvez créer une liste de termes ou d'éléments et fournir leurs descriptions pertinentes très facilement. Pour simplifier cette utilisation, nous avons démontré deux exemples différents pour vous et également partagé les scripts HTML correspondants. Une fois que vous passerez ces scripts et que vous verrez leur fonctionnement, vous apprendrez instantanément l'utilisation de la balise HTML «DL».