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 2Curso de HTML, Tema 2
  • Curso de HTML, Tema 8Curso de HTML, Tema 8
  • Video del curso HTML, Tema 1Video del curso HTML, Tema 1
  • Curso de HTML, Tema 4Curso de HTML, Tema 4
  • Video del curso de HTML, Tema 7Video del curso de HTML, Tema 7
  • Video del curso HTML numero 5Video del curso HTML numero 5

También podría interesarte :

Volver a la Portada de Logo Paperblog

Quizás te interesen los siguientes artículos :

  • Curso de HTML, Tema 5

    Aquí os dejo una nueva entra del curso de HTML en la cual os quiero mostrar como poner un enlace para enviar emails dentro de una pagina web. Leer el resto

    El 14 diciembre 2013 por   Liher
    INFORMÁTICA, TECNOLOGÍA
  • Video del curso HTML, Tema 2

    En este articulo os quiero dejar el enlace al vídeo numero 2 correspondiente al curso sobre HTML que estoy haciendo. Este vídeo trata sobre los temas que... Leer el resto

    El 27 noviembre 2013 por   Liher
    INFORMÁTICA, TECNOLOGÍA
  • Video del curso HTML, Tema 12, los formularios 1/3

    En este articulo os voy a dejar un enlace al vídeo correspondiente a la primera parte del Tema 12 del curso de HTML en el cual hablo sobre los formularios que h... Leer el resto

    El 16 enero 2014 por   Liher
    INFORMÁTICA, TECNOLOGÍA
  • Video del curso HTML, Tema 3

    Este articulo solo tiene como objetivo dejar el enlace al vídeo numero 3 del curso HTML que estoy haciendo. En este vídeo hablo sobre como poner un... Leer el resto

    El 10 diciembre 2013 por   Liher
    INFORMÁTICA, TECNOLOGÍA
  • Video del Tema 11 del curso HTML, los metadatos

    En este articulo os dejo el vídeo correspondiente al tema 11 del curso de HTML. En el hablo de que son los metadatos y como ponerlos en una pagina web.... Leer el resto

    El 10 enero 2014 por   Liher
    INFORMÁTICA, TECNOLOGÍA
  • Video del Tema 10 del curso de HTML, las tablas

    En este articulo os quiero dejar un enlace al vídeo de mi canal de Youtube en el cual explico que son las tablas en HTML. En el vídeo os muestro como hacer una... Leer el resto

    El 02 enero 2014 por   Liher
    INFORMÁTICA, TECNOLOGÍA
  • Curso de HTML, Tema 1

    Por fin vamos a empezar con el primer articulo perteneciente al curso de HTML paso a paso y desde cero. Este articulo va a servir para cuatro cosas... Leer el resto

    El 15 noviembre 2013 por   Liher
    INFORMÁTICA, TECNOLOGÍA

Añadir un comentario