LISTAS
Las listas nos van a permitir presentar el texto en forma de eso, de listas, en plan esquema. Tenemos 3 tipos distintos: desordenadas, ordenadas y de definición.
En este tipo los términos van precedidos de símbolos, no de números.
|
<BODY>
<UL> </UL> </BODY> |
Entre las etiquetas <UL> (unordered list) y su cierre vamos a situar los términos que queremos listar. Para ello pondremos delante la etiqueta <LI> (list item), sin cerrarla.
El título o cabecera se puede situar en dos lugares, con distintos resultados; o bien va fuera de las etiquetas, o bien tras la <UL>.
|
<BODY>
Chorraditas <UL> <LI> Uno <LI> Otro <LI> Anotro </UL> </BODY> |
Y lo que se verá será:
|
Chorraditas
|
Podemos poner términos dentro de términos, pero para ello debemos poner dentro de la <LI> otra <UL> con más <LI>. Observa, además, que ahora el título o cabecera (chorraditas) lo he metido detrás de la etiqueta.
|
<BODY>
<UL> Chorraditas <LI> Uno <UL> <LI> Dentro <LI> También dentro </UL> <LI> Otro <LI> Anotro </UL> </BODY> |
Lo que se verá:
|
Las distancias entre los simbolitos no pueden disminuirse, aunque sí aumentarse con la etiqueta <P> en sitios determinados.
|
<BODY>
<UL> <LI> Uno <UL> <LI> Dentro <P> <LI> También dentro </UL> <LI> Otro <P> <LI> Anotro </UL> </BODY> |
Lo que se verá:
|
Más cosas, podemos cambiar el tipo de simbolito en los items de la misma importancia poniendo TYPE en la etiqueta <UL>. Veámoslo:
|
<BODY>
<UL TYPE=square> <LI> Uno <UL> <LI> Dentro <LI> También dentro </UL> <LI> Otro <LI> Anotro </UL> </BODY> |
Lo que se verá:
|
No se ven afectados los del otro orden (Dentro y También dentro) porque estos tienen su propia <UL>. Para cambiarlos pondríamos el atributo TYPE en la <UL> que les gobierna; o bien en sus etiquetas particulares (<LI>). Sólo hay 3 posibilidades: disc (disco, la predeterminada), square (cuadrado) y circle (círculo).
|
<BODY>
<UL TYPE=square> <LI> Uno <UL> <LI TYPE=disc> Dentro <LI TYPE=circle> También dentro </UL> <LI> Otro <LI> Anotro </UL> </BODY> |
Lo que se verá:
|
Con al atributo DIR="RTL":
|
<BODY>
<UL DIR="RTL"> <LI> Uno <LI> Otro <LI> Anotro </UL> </BODY> |
|
Estas listas figuran ordenadas con números, letras, etc,...Las etiquetas principales son <OL> (ordered list) y su cierre </OL>. Los términos a incluir son iguales que en la anterior, es decir, <LI>, sin cerrar.
|
<BODY>
<OL> <LI> Uno <LI> Otro <LI> Anotro </OL> </BODY> |
Y lo que se verá será:
|
Con más términos dentro de términos:
|
<BODY>
<OL> <LI> Uno <OL> <LI> Dentro <LI> También dentro </OL> <LI> Otro <LI> Anotro </OL> </BODY> |
Lo que se verá:
|
Y también podemos cambiar los sistemas de numeración, de los que tenemos 1 (el de antes, el predeterminado), a, A, i, I. Veamos alguno:
|
<BODY>
<OL TYPE=A> <LI> Uno <UL TYPE=I> <LI> Dentro <LI TYPE=a> También dentro </UL> <LI> Otro <LI> Anotro </OL> </BODY> |
Lo que se verá:
|
Además podemos hacer algo que no se podía hacer con las listas anteriores, y es alterar el número por el que se empieza a poner el orden y dar valores a términos determinados.
|
<BODY>
<OL > <LI> Uno <OL TYPE=I START=3> <LI> Dentro <LI> También dentro <LI VALUE=7> Eso es <LI> Complicarse </OL> <LI> Otro <LI VALUE=6> Anotro </OL> </BODY> |
Lo que se verá:
|
Lo que ha ocurrido es que el atributo START (en esa sublista) indica que el primer item sea del valor 3, de acuerdo con el sistema de orden, es decir, será el número 3 o las letras c, C, iii ó III.
Por otro lado, el atributo VALUE da un valor directo a un término (<LI>), también de acuerdo con el tipo de orden de su lista, en nuestro caso cogerá el valor 7 en números romanos (en un caso) y el valor 6 en normales (en el otro).
Las etiquetas principales con <DL> (definition list) y su cierre </DL>. Son aquellas en las que existe un término principal <DT> (difinition term), y uno de definición <DD> (definition definition).
|
<DL>
</DL> |
Ponemos el término a definir:
|
<DL>
<DT> Célula </DL> |
Y ponemos la definición:
|
<DL>
<DT> Célula <DD> Unidad más pequeña dotada de vida propia. </DL> |
Lo que se ve:
|
Existe un atributo llamado COMPACT que hace que el término y la definición aparezcan de otra forma, como se puede ver aquí (no Nets):
|
<DL COMPACT>
<DT> Célula <DD> Unidad más pequeña dotada de vida propia. </DL> |
Lo que se ve:
|
Y como colofón también podemos mezclar listas. En el ejemplo que os pongo he mezclado dos tipos pero las variaciones son numerosas:
|
<UL>
<DL > <DT> Célula <DD> Unidad más pequeña dotada de vida propia. </DL> <LI> Otrora </LI> Meteora </UL> |
Y vemos:
|
O esta otra:
|
<UL>
<LI><DT> Célula <LI><DD> definición <LI> Otra </UL> |
|
Por último decir que antes existían dos etiquetas más referentes a las listas pero que la mayoría de los navegadores las ignoran dejándolas como <LI> y son <MENU> y <DIR>.
