Clase 6
LISTAS
Listas no ordenadas:
- y su cierre.
Si no le indicamos nada a la etiqueta - , ésta se generará de forma automática. Pero si queremos definir
nosotros mismo el símbolo del punto, podemos graciasal atributo “type”.
Así podemos hacer que la lista esté definida por puntos negros (li type="disc"), por puntos con el fondo blanco
(li type="circle") o por cuadrados (li type="square"). Aunque estaapariencia dependerá del navegador. Hay
algunos navegadores que dan otras apariencias a estos mismos atributos.
Vamos con un pequeño ejemplo en código:
- Esto es un tipo depunto.
- Este es otro.
- Y este es otro diferente.
Cuyo resultado visual será el que veremos a continuación:
o
Esto es un tipo de punto.
Este esotro.
Y este es otro diferente.
Listas ordenadas:- . Pero al ser listas ordenadas los símbolos serán números y
éstos se irán generando automáticamente por orden, conforme escribamos nuevos puntos.
En las listas ordenadas podemos hacerque el primer punto comience con el número que nosotros queramos.
Lo conseguiremos gracias al atributo “value”. Los siguientes puntos que escribamos se generarán
automáticamente por orden, partiendode ese número.
Por ejemplo, si queremos que nuestra lista empiece por el número 20, sólo deberemos escribir lo siguiente:
- Este será el número 20.
- Este será el 21.
- Este será el 22. Y así sucesivamente.
Y el resultado será el siguiente:
20. Este será el número 20.
21. Este será el 21.
22. Este será el 22. Y así sucesivamente.
Listas de...Leer documento completoRegístrate para leer el documento completo.
Las listas ordenadas van enmarcadas dentro de las etiquetas
la misma etiqueta que en las nonumeradas:
Las listas no ordenadas van dentro de la etiqueta
- y de su cierre
a la lista, lo haremosdentro de la etiqueta