Listas numeradas

Con html podemos crear listas numeradas de forma sencilla. El comienzo de la lista se marca con <ol> y el final con </ol> (ol=ordered list). Cada elemento de la lista debe ir precedido por <li>. Por ejemplo vamos a hacer una ficticia lista de las herramientas:

1. martillos
2. clavos
3. destornilladores
4. tornillos

El código correspondiente a esta lista sería:

La etiqueta OL tiene varias opciones. La primera, type, sirve para especificar el tipo de numeración que queremos:

• 1 - Números (1,2,3,4,...)
• A - Letras mayúsculas (A, B, C, D,...)
• a - Letras minúsculas (a, b, c, d,...)
• I - Números romanos en mayúsculas (I, II, III, IV,...)
• i - Números romanos en minúsculas (i, ii, iii, iv,...)

1. martillos
2. clavos
3. destornilladores
4. tornillos

Que se consigue con:

Se puede especificar también el número en el que queremos que empiece la lista con la opción start=n, aunque no lo admiten todos los navegadores.

Sin numerar

Se pueden también utilizar listas que usen un pequeño símbolo al comienzo de la línea en vez de un número. Estas líneas se delimitan por <ul> y </ul>. La lista de antes queda así con ul en vez de ol:

• martillos
• clavos
• destornilladores
• tornillos

El símbolo que aparece al principio se puede cambiar con type. Las posibles opciones son disc (disco) square (cuadrado) y circle (círculo).

Con <ul type=square> queda:

• martillos
• clavos
• destornilladores
• tornillos

No es conveniente usar la etiqueta UL para establecer márgenes, ya veremos más adelante cómo se hace.

Listas de Definiciones

Existe otro tipo de lista que sirve para definir términos, como por ejemplo un diccionario. La lista se delimita con <dl> y </dl>. Cada elemento consta de dos partes, el término a definir <dt> (definition term) y la definición del término <dd> (definition).

Como ejemplo el siguiente código serviría para definir los términos "ordenador" y "televisión":

Se vería así: