Revista Informática

Curso de HTML, Tema 9, Las listas de definiciones

Publicado el 27 diciembre 2013 por Liher

Aquí voy con una nueva entrega del curso de HTML en el cual os voy a mostrar como son las listas de definiciones. Esto es algo que no se usa pero que esta bien conocerlo, ya que podemos encontrarlo en alguna pagina web que tengamos que modificar o simplemente lo veamos en el código y esta bien saber lo que es. La sintaxis de las listas de definiciones en HTML es bastante sencilla y la verdad es que no creo que sean muy útiles, solo sirven para lo que indica su nombre y hoy en día no son muy útiles. Aquí os dejo una pagina web de ejemplo para que veáis como funcionan:

 

<html>

<head></head>

<body>
<dl>
<dt>Ford</dt>
<dd>Es una marca de coches americana muy buena</dd>
<dt>Ferrari</dt>
<dd>Es una marca de coches italiana muy potente</dd>
<dt>Seat</dt>
<dd>Es una marca española</dd>
</dl>
</body>

</html>

 

Si ejecutamos este código HTML en una pagina el resultado en un navegador web sera el siguiente:

 

lista-definiciones-html

 

Si nos fijamos en el código HTML de la pagina vemos como la lista de definiciones empieza con la etiqueta "<dl>", cada elemento de las lista se pone con "<dt>" y "</dt>" y posteriormente su descripción con "<dd>" y "</dd>". El tema de las lista definiciones no tiene mas complicación y, como ya he dicho antes, no se usa hoy en dia, solo lo he puesto para que las conozcáis si algún día las veis.

Como podéis ver si ejecutáis este código HTML en el navegador el propio navegador web añade un salto de linea después de cada elemento de la lista y después de cada descripción. Ademas, después del nombre del elemento, en su descripción también añade una tabulacion, para distinguir unas partes de otras.

Si te ha gustado el contenido o te ha servido para algo compártelo en las redes sociales y así puede que le sirva también a otra persona, muchas gracias.

 

Esto podria interesarte

  • Curso de HTML, Tema 2
    Curso de HTML, Tema 2
  • Curso de HTML, Tema 8
    Curso de HTML, Tema 8
  • Video del curso HTML, Tema 1
    Video del curso HTML, Tema 1
  • Curso de HTML, Tema 4
    Curso de HTML, Tema 4
  • Video del curso de HTML, Tema 7
    Video del curso de HTML, Tema 7
  • Video del curso HTML numero 5
    Video del curso HTML numero 5

Volver a la Portada de Logo Paperblog