Usar una lista HTML en diseño web

Listas ordenadas, listas no ordenadas y listas de definición El lenguaje HTML se compone de varios elementos diferentes. Estos elementos individuales actúan como los bloques de construcción de las páginas web.

Listas ordenadas, listas no ordenadas y listas de definición

El lenguaje HTML se compone de varios elementos diferentes. Estos elementos individuales actúan como los bloques de construcción de las páginas web. Mire el marcado HTML de cualquier página en la web y verá elementos comunes, incluidos párrafos, encabezados, imágenes y enlaces. Otros elementos que seguramente verá son las listas.

Hay tres tipos de listas en HTML

  • Listas ordenadas: a veces se denominan listas numeradas porque, de forma predeterminada, los elementos de la lista contenidos en esa lista tienen un orden numérico específico o clasificación. Las listas ordenadas son apropiadas cuando el orden exacto de los elementos 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 se denominan listas con viñetas porque la apariencia visual predeterminada de una lista sin ordenar es tener pequeños iconos de viñetas delante de los elementos de la lista. Este tipo de lista se utiliza mejor 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 usted está determinando ese orden y, a diferencia de una receta o un proceso paso a paso, el orden podría modificarse 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 alfabéticamente, o por antigüedad, o según los departamentos, etc. Cualquiera de estos tendría sentido y el significado de la lista (personas con las que trabaja ) no cambiaría independientemente de la opción que elija. Usted y su marcado determinan el orden, por lo que no se necesitan números exactos. Esta es una buena opción para una lista desordenada.
  • Listas de definición: Estas son listas de elementos que tienen dos partes, un término a definir y la definición. Se usan comúnmente 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

Use la etiqueta

    (se requiere la etiqueta final

) para crear una lista numerada con números que comiencen en 1. Los elementos se crean con el par de etiquetas

  • . Por ejemplo:
    1.  Entrada 1 
      1.  Entrada 2 
        1.  Entrada 3 

    Use listas ordenadas en cualquier lugar donde desee mostrar un orden específico para los elementos de la lista a seguir o para clasificar los elementos secuencialmente. Una vez más, estas listas se encuentran con mayor frecuencia en línea en instrucciones y recetas.

    Listas desordenadas

    Use la etiqueta

      (se requiere la etiqueta final

      ) 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:

      • Bullet
        • Bullet
          •  Bullet 

      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. A menudo ve estas listas utilizadas en la navegación del sitio web, para mostrar los diversos 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 con la lista de definiciones:

      Así es como 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 puede ver, puede tener un solo término, pero darle varias definiciones. Piense en la palabra «Libro» … una definición de libro es un tipo de material de lectura, mientras que otra definición sería sinónimo de «horario». Si estuviera codificando eso, usaría un término, pero dos descripciones.

      Puede usar listas de definición 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.

  • Rate article
    labsfabs.com
    Add a comment