Etiqueta <DL>

La etiqueta <dl>, permite definir lo que se denominan, listas de definición, las cuales a su vez están compuestas por un término, y una definición.



Para realizar la lista se utilizan dos etiquetas más, la primera es <dt></dt>, que permite especificar el termino en la lista. Y otra etiqueta <dd></dd>, que permite especificar la definición.

La sintaxis de la lista con las etiquetas correspondientes, es la siguiente.

<dl>
	<dt>Termino a definir</dt>
	<dd>Definición del termino</dd>
	<dt>Termino a definir</dt>
	<dd>Definición del termino</dd>
	… 
</dl>

El siguiente ejemplo muestra el uso de la etiqueta, creando una lista de definición de términos.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="description" content="Ejercicios prácticos HTML5">
  <meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>Listas de definición</p>
<dl>
    <dt>BIOS</dt>
    <dd>Basic Input Output System</dd>
    <dt>RAM</dt>
    <dd>Ramdon Access Memory</dd>
    <dt>HTML5</dt>
    <dd>Gracias por visitar www.aprendoencasa.com</dd>
</dl>
</body>
</html>

El resultado del ejercicio anterior ha de ser similar al que muestra a continuación.

Ejercicios y prácticas de programación HTML, Etiqueta DL

Ejercicios y prácticas de programación HTML, Etiqueta DL