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 :

  • Video del curso de HTML, Tema 4

    Este articulo solo tiene como finalidad el dejar un enlace al vídeo que he colgado en mi canal de Youtube explicando y mostrando lo que trate en el Tema 4 del... Leer el resto

    El 12 diciembre 2013 por   Liher
    INFORMÁTICA, TECNOLOGÍA
  • Curso de HTML, Tema 6

    En este nuevo tema del curso de HTML voy a tratar de las anclas dentro de una pagina web. Es algo que no se usa mucho, pero que nos puede resultar útil. Leer el resto

    El 17 diciembre 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