Blog de Daiyiro

#BlogDeDaiyiro es sobre todo Bricolajes de Electrónica/Informática. ¡^-^¡

LO NUEVO:

12.10.13

6 - Edición En HTML - Listas De Elementos

LISTAS DE ELEMENTOS

Existen tres tipos de listas, numeradas, sin numerar y de definición. Las listas numeradas representarán los elementos de la lista numerando cada uno de ellos según el lugar que ocupan en la lista.



Para este tipo de lista se utiliza la directiva <OL></OL>. Cada uno de los elementos de la lista irá precedido de la directiva <LI>. La directiva <OL> puede llevar los siguientes parámetros :


start = num
Indica que número será el primero de la lista. Si no se indica se entiende que empezará por el número 1.
type = tipo
Indica el tipo de numeración utilizada. Si no se indica se entiende que será una lista ordenada numéricamente. 
Los tipos posibles son :
1 = Numéricamente. (1,2,3,4,... etc.) a = Letras minúsculas. (a,b,c,d,... etc.) A = Letras mayúsculas. (A,B,C,D,... etc.) i = Números romanos en minúsculas. (i.ii,iii,iv,v,...etc.) I = Números romanos en mayúsculas. (I,II,III,IV,V,...etc.)




Ejemplo Resultado
<OL>
<LI>España
<LI>Francia
<LI>Italia
<LI>Portugal
</OL>
  1. España
  2. Francia
  3. Italia
  4. Portugal
<OL type = A >
<LI>España
<LI>Francia
<LI>Italia
<LI>Portugal
</OL>
  1. España
  2. Francia
  3. Italia
  4. Portugal


Las listas sin numerar representan los elementos de la lista con un "topo" o marca que antecede a cada uno de ellos. Se utiliza la directiva <UL></UL> para delimitar la lista, y <LI> para indicar cada uno de los elementos. La directiva <UL> puede contener el parámetro type que indica la forma del "topo" o marca que antecede a cada elemento de la lista. Los valores de type pueden ser disk, circle o square, con lo que el topo o marca puede ser un disco, un circulo o un cuadrado.


Ejemplo Resultado
<UL type = disk >
<LI>España
<LI>Francia
<LI>Italia
<LI>Portugal
</UL>
  • España
  • Francia
  • Italia
  • Portugal
<UL type = square>
<LI>España
<LI>Francia
<LI>Italia
<LI>Portugal
</UL>
  • España
  • Francia
  • Italia
  • Portugal


Las listas de definición muestran los elementos tipo Diccionario, o sea, término y definición. Se utiliza para ellas la directiva <DL></DL>. El elemento marcado como término se antecede de la directiva <DT>, el marcado como definición se antecede de la directiva <DD>.


Ejemplo Resultado
<DL>
<DT>WWW
<DD>Abreviatura de World Wide Web
<DT>FTP
<DD>Abreviatura de File Transfer Protocol
<DT>IRC
<DD>Abreviatura de Internet Relay Chat
</DL>
WWW
Abreviatura de World Wide Web
FTP
Abreviatura de File Transfer Protocol
IRC
Abreviatura de Internet Relay Chat


Existen otros dos tipos de listas menos comunes. Las listas de Menú o Directorio se comportan igual que las listas sin numerar. La lista de Menú utiliza la directiva <MENU></MENU> y los elementos se anteceden de <LI> El resultado es una lista sin numerar mas "compacta" es decir, con menos espacio interlineal entre los elementos. La lista de Directorio utiliza la directiva <DIR></DIR> y los elementos se anteceden de <LI>. Los elementos tienen un limite de 20 caracteres.

Todas las listas se pueden "anidar", es decir incluir una lista dentro de otra, con lo que se consigue una estructura tipo "índice de materias".



Ejemplo Resultado
<UL type= disk>
<LI>Buscadores
<UL>
<LI>Yahoo
<LI>Google
<LI>Bing
</UL>
<LI>Links
<UL>
<LI>Microsoft
<LI>IBM
</UL>
</UL>
  • Buscadores
    • Yahoo
    • Google
    • Bing
  • Links
    • Microsoft
    • IBM

1 comentario:

  1. Me encanta hacer listas de elementos, quedan muy vistosos, tanto en documentos como en las webs, es una manera muy buena de darle un correcto formato a la información.

    ResponderEliminar