El lenguaje HTML se compone de una serie de elementos diferentes. Estos elementos individuales actúan como bloques de construcción de páginas web. Mire la marca HTML de cualquier página de la web y verá elementos comunes, incluidos párrafos, encabezados, imágenes y enlaces. Otros elementos que seguramente verás son las listas.
Hay tres tipos de listas en HTML
- Listas ordenadas: A veces, estas listas se denominan listas numeradas porque, de forma predeterminada, los elementos de la lista que figuran en esa lista tienen un orden numérico específico o una clasificación. 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 realizan 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 desordenadas: A veces, estas listas se denominan listas con viñetas porque la apariencia visual predeterminada de una Lista desordenada es tener pequeños iconos con viñetas delante de los elementos de la lista. Este tipo de lista que se utiliza mejor es para listas que no tienen un orden requerido. Los elementos de la lista aparecerán en el orden en que los codifique para el HTML, pero 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, o por antigüedad, o según los departamentos, etc. Cualquiera de estos tendría sentido y el significado de la lista (las personas con las que trabaja). ) no cambiaría independientemente de la opción que elija. El orden lo determinan usted y su marca, por lo que no se necesitan números exactos. Esta es una buena opción para una lista desordenada.
- Listas de definiciones: Estas son listas de elementos que tienen dos partes, un término a definir y la definición. Por lo general, se usan para mostrar un par de definición / descripción como lo encontraría en un diccionario, pero las listas de definiciones también se pueden usar para muchos otros tipos de contenido.
Listas ordenadas
Utilizar el
- etiqueta (el final
-
Entrada 1
-
Entrada 2
-
Entrada 3
-
-
Utilice las listas ordenadas en cualquier lugar donde desee mostrar un orden específico para seguir los elementos de la lista o para clasificar los artículos secuencialmente. Nuevamente, estas listas se encuentran con mayor frecuencia en línea en instrucciones y recetas.
Listas Desordenadas
Utilizar el
- etiqueta (el final se requiere una etiqueta) 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:
-
Bala
-
Bala
-
Bala
-
-
Use listas desordenadas para cualquier lista que no tenga que estar en un orden específico. Este es el tipo más común de lista que se encuentra en una página web. Con frecuencia ve estas listas utilizadas en la navegación del sitio web, para mostrar los distintos enlaces en ese menú.
Listas de definiciones
Las listas de definiciones crean una lista con dos partes en cada entrada: el nombre o término que se definirá y la definición. Esto crea listas similares a un diccionario o glosario. Hay tres etiquetas asociadas con la lista de definiciones:
Aquí es cómo se ve una lista de definiciones:
Este es un término de definición.
Y esta es la definición.
definición 2
definición 3
Como puedes ver, puedes tener un solo término, pero dale múltiples definiciones. Piense en la palabra "Libro" … una definición de un libro es un tipo de material de lectura, mientras que otra definición sería un sinónimo de "horario". Si estuvieras codificando eso, usarías un término, pero dos descripciones.
Puede usar listas de definiciones en cualquier lugar donde tenga una lista que tenga dos partes para cada elemento. El uso más común es con un glosario de términos, pero también puede usarlo para una libreta de direcciones (el nombre es el término y la dirección es la definición), o muchos otros usos interesantes.