En HTML existen varias etiquetas para definir listas. En todas ellas tendremos una etiqueta para definir la lista y en su interior otra etiqueta para los item de la lista. Veamos un ejemplo:
<UL> <LI>Item 1</LI> <LI>Item 2</LI> </UL>
Cuyo resultado sería:
- Item 1
- Item 2
En ese ejemplo hemos utilizado las listas desordenadas o no numeradas. Si queremos que nos aparezcan números en vez de viñetas, sólo tenemos que cambiar <UL> y </UL> por <OL> y </OL>.
En las listas no ordenadas podemos elegir entre varios tipos de viñeta. Con <OL type="Square">, por ejemplo, serán cuadradas. También tenemos los tipos "circle" y "disc".
Viñetas cuadradas | Viñetas circulares | Viñetas "disco" |
|
|
|
En las listas ordenadas también podemos utilizar varios tipos: type=1 (el habitual, con números), type="A" (cada línea con letras A, B,...), type="I" (con números romanos),... Estos dos últimos diferencian entre mayúsculas y minúsculas. Ejemplo: Esto es una lista ordenada con numeración romana en mayúsculas:
- Primera linea
- Segunda linea
- Tercera linea
- Cuarta linea
Además de las listas ordenadas y no ordenadas, existen otros tipos de lista menos utilizados como <Menu> <dir> y las listas de definición. Prácticamente no se utilizan. Quien se anime puede comprobar su funcionamiento en la página sobre HTML que recomendaba en el post anterior.
Ejercicio: Crea listas con los nombres de los alumnos del curso con los siguientes tipos: no ordenada con cuadrados, ordenada con letras y ordenada con números romanos en minúscula. Sube al servidor FTP la página y pon el enlace en los comentarios con tu nombre.
No hay comentarios:
Publicar un comentario