HTML es uno de los idiomas de marcado más utilizados para los documentos que se supone que se muestran en un navegador web. Aunque hay diferentes compiladores en los que puede crear sus scripts HTML, aún puede crear un script HTML en el bloc de notas y ejecutarlo en cualquier navegador web de su elección muy fácilmente. Este idioma es una combinación de diferentes etiquetas que puede usar para diseñar una página web completa como un Pro. En este tutorial, discutiremos la etiqueta HTML "DL" y su uso.

Propósito de la etiqueta DL en HTML

"DL" significa Lista de descripción en HTML. Esta etiqueta se utiliza para crear listas de múltiples elementos y proporcionar descripciones de estos elementos. Esto sirve como una buena forma de transmitir a alguien el propósito exacto de cada elemento de la lista. La etiqueta "DL" en HTML siempre va acompañada de las etiquetas "DT" y "DD" que se utilizan para especificar el elemento y luego proporcionar su descripción respectiva. Por lo tanto, siempre que desee crear una lista de descripción en HTML, siempre necesita encerrarla dentro de la etiqueta "DL". Luego, puede usar las etiquetas "DT" y "DD" para mencionar los términos de esta lista junto con sus descripciones.

Uso de la etiqueta DL en HTML

Para aprender a usar la etiqueta "DL" en HTML, siga los ejemplos explicados a continuación:

Ejemplo 1: Creación de una lista de descripción para diferentes cursos ofrecidos por una universidad
Considere un escenario en el que desea anunciar los diferentes cursos ofrecidos por una universidad o cualquier institución educativa en particular. La mejor y más concisa forma de hacerlo es mediante la creación de una lista de descripción que proporciona una breve descripción correspondiente a cada curso ofrecido. Se puede crear una lista de descripción con la ayuda de la etiqueta HTML "DL" junto con las etiquetas "DT" y "DD" para definir los términos de esta lista y para proporcionar sus respectivas descripciones. Puede consultar el siguiente script HTML para comprender bien este ejemplo:

Primero hemos proporcionado la declaración de tipo de documento con la línea "" para que nuestro navegador pueda saber instantáneamente que va a ejecutar un archivo HTML. Luego, hemos usado las etiquetas "" y "" para encerrar nuestro guión real dentro de ellos. A continuación, hemos usado el "

"Encabezado para especificar los elementos HTML que vamos a usar en este script. Esto es seguido por el "

"Etiqueta que define un párrafo y lo hemos usado para especificar la funcionalidad de nuestro script (i.mi., Va a usar las etiquetas HTML "DL", "DT" y "DD".)

La etiqueta "DL" que hemos utilizado para crear la lista de descripción es el quid. Hemos definido los términos de esta lista de descripción haciendo uso de las etiquetas "DT". Hemos creado una lista de descripción para tres cursos diferentes. Luego, para proporcionar la descripción en cada curso, hemos hecho uso de las etiquetas "DD". Después de mencionar todos los términos y sus descripciones asociadas en nuestra lista de descripción, hemos cerrado la etiqueta "DL" seguida del cierre de las etiquetas "" y "".

Cómo ejecutar este archivo HTML?

Hemos utilizado la aplicación simple de bloc de notas para crear este script HTML. Luego, hicimos clic en el menú "Archivo" como se resalta a continuación:

Después de eso, hemos seleccionado la opción "Guardar como".

Luego, hemos nombrado nuestro archivo HTML como "DL.html ". Puedes nombrarlo de acuerdo con tu elección. Después de eso, seleccionamos el tipo de documento y también la codificación. Entonces, simplemente hemos guardado este archivo. Ahora, nuestro archivo está listo para ejecutarse en cualquier navegador de nuestra elección.

Simplemente haremos clic derecho en nuestro "DL.archivo html "y seleccione el navegador que queremos ejecutar este script (i.mi., Google Chrome.) Sin embargo, también puede ejecutarlo en cualquier otro navegador.

Después de la ejecución de este script, la siguiente página web aparecerá en su pantalla que representará la funcionalidad de su "DL.script html ”:

Ejemplo 2: Creación de una lista de descripción para algunas abreviaturas junto con sus formularios completos
Para enfatizar más sobre el uso de la etiqueta "DL" en HTML, este ejemplo le enseñará cómo puede crear una lista de descripción para algunas abreviaturas y sus formas completas. Para eso, puede consultar el script HTML que se muestra a continuación:

En este script HTML, no hemos utilizado ningún encabezado, sino que simplemente hemos utilizado la etiqueta del párrafo para especificar la funcionalidad de este script. Esto es seguido por nuestra lista de descripción que consta de cuatro términos diferentes y sus descripciones asociadas.

Después de eso, hemos ejecutado este script HTML de la misma manera que hicimos en nuestro primer ejemplo. Su resultado se muestra en la siguiente imagen:

Conclusión

Esta guía estaba destinada a presentarle la lista de descripción o la etiqueta "DL" de HTML. Al usar esta etiqueta, puede crear una lista de términos o elementos y proporcionar sus descripciones relevantes muy fácilmente. Para hacer que este uso sea más simple, le demostramos dos ejemplos diferentes para usted y también compartimos los scripts HTML correspondientes. Una vez que revise estos guiones y verá su trabajo, aprenderá instantáneamente el uso de la etiqueta HTML "DL".