Cómo definir una lista de páginas web en html

Los títulos y los párrafos no siempre son suficientes. A veces es necesario listas en sus páginas, también. Al decidir la forma de presentar los datos, considere sus opciones. Si el texto se ajusta a las balas cortos, presentar esa manera.

Las listas con viñetas funcionan muy bien en la web donde su público estará buscando, información rápida de fácil acceso. El uso de listas numeradas también puede ayudar a sus visitantes obtener el punto rápidamente. El código para las listas - con viñetas o numerada - es bastante simple. Se puede poner el título de una lista, ya sea en una etiqueta de párrafo o en una etiqueta de encabezado, lo que se adapte a la situación mejor.

En HTML (y la escritura y la publicación), listas con viñetas se conocen como “listas desordenadas”, ya que sólo elementos de lista en ningún orden de importancia (y utilizan el

etiqueta). Las listas numeradas, comparativamente, son “listas ordenadas” porque el orden es importante- que utilizan la etiqueta. Los productos en los dos tipos de listas, sin embargo, se definen mediante el uso de la lista de etiquetas.

Echar un vistazo a la siguiente ejemplo, que crea una lista simple, con viñetas (desordenada):

Mi lista de frutas
manzanas
plátanos
naranjas

En el ejemplo anterior, tenga en cuenta que la etiqueta de párrafo se cierra antes de las etiquetas de lista comienzan. Tenga en cuenta también que la etiqueta se utiliza para cada elemento de la lista.

Video: Curso HTML 02 - Listas

Para activar esta lista en una lista numerada, utilizar (por lista ordenada) En lugar de la etiqueta - y no se olvide de cerrarla con la etiqueta.

A veces una lista ha anidado subtemas en el mismo. El código para que esto suceda es el siguiente:

Mi lista de frutas
manzanas
rojo
verde
amarillo
plátanos
naranjas

En un navegador (sin estilos definidos), la lista se parece a la de la siguiente figura con viñetas y guiones para los puntos de sub-bala.

Los sub-elementos de la manzanas artículo es parte de una segunda lista desordenada. Observe cómo la lista de subtemas comienza y se cierra entre el y el de la manzanas producto en la lista. El navegador los muestra como elementos inserta debajo manzanas en la lista principal.