Cómo crear listas de definición en html5

Las listas son poderosas herramientas a elementos similares de grupo y listas dan a los visitantes a su sitio una manera fácil de hacer zoom en los grupos de información. Casi cualquier cosa cabe en una lista, a partir de conjuntos de instrucciones para colecciones de enlaces. Las listas de definición agrupar términos y definiciones en una sola lista y requieren tres elementos para completar la lista:

Video: 021 HTML y CSS Creacion de listas de definiciones

  • : Contiene las definiciones de lista (dl = lista de definición)

  • : Define un término en la lista (dt = término de definición)

  • : Define una definición de un término (dd = lista de definición definición)

Puede tener tantos términos (definido por) en una lista (

) como necesites. Cada término puede tener una o más definiciones (definido por
).

Creación de una lista de definiciones con dos elementos requiere etiquetas y contenido en el orden siguiente:

  1. Nombre del primer mandato

  2. Contenido para la definición del primer elemento

  3. Nombre del segundo mandato

  4. Contenido para la definición del segundo elemento

Video: CURSO HTML | CREAR LISTAS

La siguiente lista de definición incluye tres términos, uno de los cuales tiene dos definiciones:

Las listas de definición

Definiciones lenguaje de marcas

SGML
El Standard Generalized Markup Language
HTML
El Hypertext Markup Language
El lenguaje de marcado que se utiliza para crear páginas web.
XML
El lenguaje de marcado extensible

La figura muestra cómo un navegador muestra este código HTML.

Video: Como crear una pagina web con HTML parte 9 (Las listas II)

Si cree que elementos de una lista están muy juntas, puede utilizar los estilos CSS para controlar cuidadosamente todos los aspectos de la apariencia lista.

Video: Listas ordenadas, desordenadas y de definiciones en HTML

Tenga en cuenta que las listas de definiciones a menudo muestran de manera diferente en el interior de los diferentes navegadores, y no siempre se manejan de la misma por los motores de búsqueda o traductores de texto a voz. About.com tiene una buena discusión de listas de definición en su Diseño página web / HTML.

Por desgracia, esto significa que las listas de definiciones pueden no ser la mejor opción de formato para listas que cree (incluso listas de definiciones). Para una discusión más detallada, ver el excelente cobertura de este tema en Max Design.

Artículos Relacionados