El lenguaje HTML se compone de una serie de elementos diferentes. Estos elementos individuales actúan como los bloques de construcción de las páginas web. Mire la marcación HTML de cualquier página de la web y verá elementos comunes, incluyendo párrafos, encabezados, imágenes y enlaces. Otros elementos que es casi seguro que verá son las listas.
Índice de contenidos
Hay tres tipos de listas en HTML
- Listas ordenadas: A veces se les llama listas numeradas porque, de forma predeterminada, los elementos de la lista contenidos en esa lista tienen un orden numérico o clasificación específicos. Las listas ordenadas son apropiadas cuando el orden exacto de los artículos es de importancia crítica para el significado del contenido. Por ejemplo, una receta probablemente usaría una lista ordenada porque los pasos presentados no se hacen en un orden arbitrario. El orden de esos pasos es crítico para el resultado de esa receta. Cualquier proceso paso a paso se presenta mejor como una lista ordenada.
- Listas no ordenadas: A veces se denominan listas con viñetas porque la apariencia visual predeterminada de una lista desordenada es tener pequeños iconos de viñetas delante de los elementos de la lista. Este tipo de lista es el mejor usado para listas que no tienen un orden requerido. Los elementos de la lista aparecerán en cualquier orden en el que los codifique para el HTML, pero usted está determinando ese orden y, a diferencia de una receta o un proceso paso a paso, el orden podría cambiarse y el significado del contenido no se vería afectado. Por ejemplo, si hace una lista de las personas con las que trabaja, puede ordenarlas por orden alfabético, por antigüedad, por departamentos, etc. Cualquiera de estas opciones tendría sentido y el significado de la lista (personas con las que trabajas) no cambiaría independientemente de la opción que elijas. El pedido es determinado por usted y su margen de beneficio, por lo que no se necesitan números exactos. Esta es una buena opción para una lista desordenada.
- Listas de definiciones: Son listas de elementos que tienen dos partes, un término a definir y la definición. Se utilizan comúnmente para mostrar un par de definiciones/descripciones como las que se encuentran en un diccionario, pero las listas de definiciones también se pueden utilizar para muchos otros tipos de contenido.
Listas ordenadas
Utilice la etiqueta
- (la etiqueta final
es necesaria), para crear una lista numerada con números que empiezan por 1. Los elementos se crean con el par de etiquetas
-
Inicio 1
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>»»»»»»»»>)
-
Ingreso 2
- Entrada 3
-
Utilice las listas ordenadas en cualquier lugar donde desee mostrar un orden específico para los elementos de la lista a seguir o para clasificarlos de forma secuencial. Una vez más, estas listas se encuentran más a menudo en línea en las instrucciones y recetas.
Listas no ordenadas
Utilice la etiqueta
- (se requiere la etiqueta final
- Bullet
- Bullet
- Bullet
- Bullet
para crear una lista con viñetas en lugar de números. Al igual que con la lista ordenada, los elementos se crean con el par de etiquetas. Por ejemplo:
Utilice listas desordenadas para cualquier lista que no tenga que estar en un orden específico. Este es el tipo de lista más común que se encuentra en una página web. A menudo se ven estas listas utilizadas en la navegación del sitio web, para mostrar los distintos enlaces en ese menú.
Listas de definiciones
Las listas de definición crean una lista con dos partes para cada entrada: el nombre o término a definir y la definición. Esto crea listas similares a un diccionario o glosario. Hay tres etiquetas asociadas a la lista de definiciones:
Así es como se ve una lista de definiciones:
Y ésta es la definición
definición 2
definición 3Como puedes ver, puedes tener un solo término, pero darle múltiples definiciones. Piensa en la palabra "libro"...una definición de un libro es una especie de material de lectura, mientras que otra definición sería sinónimo de "horario". Si estuvieras codificando eso, usarías un término, pero dos descripciones.
Puede utilizar listas de definición en cualquier lugar donde tenga una lista que tenga dos partes para cada posición. El uso más común es con un glosario de términos, pero también se puede utilizar para una libreta de direcciones (el nombre es el término y la dirección es la definición), o muchos otros usos interesantes.
