Todos los tipos de listas en HTML 5 están estrechamente relacionados. El tipo más simple y más común de la lista es una lista desordenada. También puede utilizar las listas ordenadas y listas anidadas en HTML.

Mira una lista desordenada

Mira la página sencilla. Además de un par de cabeceras, que tiene una lista de información.

Video: Aprende html 04 - Listas ordenadas y desordenadas

Esta lista de los navegadores tiene algunas características visuales interesantes:

• Los artículos son sangría. Hay algo más de espacio entre el margen izquierdo y el comienzo de cada elemento de la lista.

• Los elementos de la lista tienen balas. Ese pequeño punto en la parte frontal de cada elemento es una bala. Las balas se utilizan comúnmente en las listas no ordenadas como éste.

  

• Cada objeto inicia una nueva línea. Cuando se muestra un elemento de la lista, se muestra en una nueva línea.

Estas características le ayudan a ver que usted tiene una lista, pero son simplemente comportamientos predeterminados. Definir algo como una lista no obliga a buscar una determinada manera- los valores por defecto simplemente ayudan a ver que estos artículos son de hecho parte de una lista.

Recuerde que la idea central de HTML aquí. Usted no está realmente describiendo cómo las cosas Mira, pero lo que media. Puede cambiar la apariencia tarde cuando calculas CSS, por lo que no consigue demasiado atada a la de la apariencia particular de las cosas. Por ahora, sólo reconoce que el HTML puede crear listas, y asegúrese de que sabe cómo utilizar los distintos tipos.

¿Cómo construir una lista desordenada

Las listas se hacen con dos tipos de etiquetas. Una etiqueta rodea toda la lista e indica el tipo general de lista. Este primer ejemplo demuestra una lista desordenada, que está rodeado por el par.

Nota: Sangrado de todo el código dentro del conjunto es común. La lista desordenada puede ir en el cuerpo principal.

Dentro del conjunto es una serie de elementos de la lista. Cada elemento de la lista se almacena entre un (elemento de la lista) y una etiqueta. Normalmente, cada par va en su propia línea del código fuente, aunque se puede hacer un elemento de la lista como el tiempo que desee.

Puede cambiar la bala a todo tipo de imágenes, incluyendo círculos, cuadrados, e incluso imágenes personalizadas.

El código de la lista desordenada es bastante sencillo:

Video: Listas de descripcion, ordenadas y desordenadas en html5

Listas básicas
Los navegadores web comunes
Firefox
Cromo
explorador de Internet
Ópera
Safari