lunes, 14 de diciembre de 2009

CAPITULO 7 DE PAGINA WEB

La lista mas elemental es la que no tiene ningún tipo de numeración, solo tiene unas marcas que, en principio, son iguales para todos los elementos de esta (aunque luego veremos como cambiar esto). Esta marca por defecto puede variar según el navegador que uses, aunque, generalmente, es un punto. La lista se construye según la siguiente estructura:



Primer elemento

Segundo elemento

Tercer elemento
...


Donde
son los tags que acotan a toda la lista y
acotan a cada elemento de esta.
Antes hemos dicho que, en principio, la marca es igual para todos los elementos de la lista, y que esta depende del navegador.
Sin embargo, se puede cambiar esto mediante la opción TYPE=, que puede tomar los valores DISC, CIRCLE o SQUARE, que fuerzan la representación de la marca como un círculo negro, un círculo vacío y un cuadrado respectivamente. ¿que en qué tag se usa esta opción? Pues se puede usar en los dos. Si lo pones en la forma
, todos los elementos de la lista serán círculos negros, y si lo haces de la forma
, solo se aplicará a ese elemento y a los que le sigan después.
El siguiente tipo de lista es la lista numerada, se construye casi igual que la anterior, pero con el tag que engloba a toda la lista distinto:



Primer elemento

Segundo elemento

Tercer elemento
...


O sea, que solo hemos cambiado el tag
por
. La diferencia con la anterior es que en esta, en lugar de una marca, cada elemento se indica con su número de orden (1 para el primero, 2 para el sgundo, ect). Además, tú no tienes que preocuparte por saber por recordar que número tienes que poner en la línea, eso ya lo hace el navegador.
Pero también tenemos opcion TYPE= para esta lista. En este caso puede adoptar los valores 1, i, I, a y A. El valor 1 (que es el que tiene por defecto) hace que la lista se numere como hemos dicho antes (1,2,3,4,5,6...), el valor i hace que se numere en números romanos en minúscula (i,ii,iii,iv,v,vi...) al iguál que hace el valor I, pero en mayúscula (I,II,III,IV,V,VI...), el valor a hace que se marquen los elementos con letras (a,b,c,d,e,f...) y A, como te estás imaginando, hace lo mismo, pero en letras mayúsculas (A,B,C,D,E,F...). El atributo TYPE=, iguál que antes, se puede aplicar tanto a
como a
. (Uses la opción TYPE= que uses, el valor de START= siempre será numérico, o sea, que si quieres una lista numerada por letras minúsculas que empiece por la letra b, deberás poner
¿Entendido?)
Otro tipo de lista que puede ser muy útil es la llamada lista de descripciones o de definiciones. Se la llama así porque se asemeja a la disposición de las palabras y sus definiciones en muchos diccionaros (y se suele utilizar para eso). Para que lo veas mas claro, esto de abajo es una lista de definiciones:
Allan Psicobyte
El autor de Edición Extremadamente Simple de HTML
HTML
Lo que se explica en Edición Extremadamente Simple de HTML
EESdHTML
Las iniciales de Edición Extremadamente Simple de HTML
Vale, perfecto, muy bonito, pero ¿Como se hace esto? Pues de la siguiente forma:



Primer elemento

Primera definición/DD>

Segudo elemento

Segunda definición
...


Como puedes ver,
engloba a toda la lista,
indica cada elemento y
cada definición.
Existen, además, otros dos tipos de listas que, además de tener una apariencia muy variable según el navegador, cada vez se usan menos (de hecho, el W3C las considera como "a extinguir").

No hay comentarios:

Publicar un comentario