Llegamos a la cuarta entrega del curso de HTML. Ya sabemos insertar imágenes, enlaces... y ahora toca un tema algo mas complicado. Vamos a incluir en nuestra web tablas y listas... ¿que que son tablas y listas? Pos esto que vas a ver ahora:
Esto
es
una
lista
Esto |
es |
una |
tabla |
Fácil, ¿verdad? Empezamos con las listas:
Creación de Listas:
Podemos incluir dos tipos de
listas en nuestra web, las llamadas listas no ordenadas <UL>,
las... ordenadas (como no) <OL> y por ultimo las de
definiciones <DL>, pero esta ultima la dejaremos para el
próximo numero, que ahora no tengo ganas. La diferencia <UL>
y <OL> es simplemente los elementos que se encuentran a la
izquierda de la lista. En las listas no ordenadas, ese elemento será
un punto grueso (ver lista de ejemplo en la parte superior) y por el
contrario la lista ordenada, es en la cual los elementos de la lista
son numerados y en vez de utilizar el puto grueso, se utilizan
números. No creo que entender esto sea muy difícil,
digo yo... continuemos.
El primer tipo de lista que vamos a crear
va a ser la lista no ordenada. Los atributos que mas utilizaremos
serán los siguientes:
SRC=<imagen>:
para cambiar el punto grueso por la imagen que nosotros
queramos.
COMPACT: reduce el espacio entre los
diferentes elementos de la lista.
PLAIN: para
evitar la aparición de los puntos.
Un ejemplo de una lista, vamos a crear la lista de juegos prohibidos (o casi) para comprarlos todos en navidad :)
<UL>
<LH>Juegos
para mi hermano pequeño</LH>
<LI>
Resident Evil II
<LI> Carmaggedon II
<LI>
GTA2
</UL>
Y la cosa seria así mas o menos:
Juegos para mi hermano pequeño
Resident Evil II
Carmaggedon II
GTA2
Muy bien, ya hemos creado la lista no ordenada con los regalos para nuestro hermano pequeño... aunque el carmaggedon mejor si se lo damos a la abuela :D
Pasemos a crear listar ordenadas... su utilización es prácticamente igual, los únicos cambios se dan en los atributos que podremos utilizar.. estos son algunos de los mas importantes:
SEQNUM=n:
establece el numero de inicio de la secuencia al indicado en
n.
CONTINUE: Continuar con la numeracion donde se
dejo.
TYPE=A|a|I|i|1: La numeracion se hará
(A) siguiendo el orden alfabético de las mayúsculas o
(a) minúsculas, (I) siguiendo la numeración romana en
mayúsculas o (i) también numeración romana pero
en minúsculas. Y por ultimo tenemos (1) para utilizar los
números de toda la vida.
Y por ultimo otro ejemplo, pero ahora utilizaremos listas ordenadas:
<OL TYPE=1>
<LH>Juegos
para mi hermano pequeño</LH>
<LI>
Resident Evil II
<LI> Carmaggedon II
<LI>
GTA2
</OL>
Juegos para mi hermano pequeño
Resident Evil II
Carmaggedon II
GTA2
Como podéis ver su uso no es nada difícil, y como no lo es, os quiero ver ahora haciendo una lista... ala chavales, el próximo numero la Lista de definiciones <DL> y las tablas. ADIÓS