Cursos de páginas web

Curso de HTML | 10. Listas en HTML

Curso de HTML | Listas en HTML

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.  
50.  
51.  
52.  
53.  
54.  
55.  
56.  
57.  
58.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Suelen para mostrar enumeraciones de elementos y para los menús de navegación.

Curso de HTML | Listas en HTML 1

Tipos de listas

Lista ordenada:

<ol>
	<li>Primero
	</li>
	<li>Segundo
	</li>
</ol>

El código de arriba interpretado quedaría así:

  1. Primero
  2. Segundo

Lista desordenada:

<ul>
	<li>Primero
	</li>
	<li>Segundo
	</li>
</ul>

El código de arriba interpretado quedaría así:

  • Primero
  • Segundo

Es muy importante tabular el código

broma sobre indentación de código

Ejercicios listas

1. Ejercicio listas de enlaces

Hacer una lista de enlaces, donde cada enlace es una foto.

Curso de HTML | Listas en HTML 2
Descarga la imagen superior para hacer el ejercicio

2. Ejercicio lista de la compra

En este ejercicio vamos a anidar una lista dentro de otra. Para ello, podemos hacer primero la lista desordenada (ul), la lista ordenada (ol), y luego meter la lista ordenada dentro de un li de la lista desordenada. Recuerda que dentro de una lista no puede haber ninguna etiqueta fuera de los li.

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.