Comunidad Tecnologica Estudiantil
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Conectarse

Recuperar mi contraseña

Mejores posteadores
Administrador (138)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
lezlhy (54)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
blazeken (27)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
grisselgpeco (19)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
Maiku (16)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
rigostar27 (4)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
maestro1 (2)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
Luikore (2)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
pedro alberto (1)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 
anelpilo (1)
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcapTutorial Basica De Html Listas de elementos Parte 5 I_voting_barTutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 

Paginas Asociadas
Sondeo

Te Gustaria Ser Un Hacker?

Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcap78%Tutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 78% [ 29 ]
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcap8%Tutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 8% [ 3 ]
Tutorial Basica De Html Listas de elementos Parte 5 I_vote_lcap14%Tutorial Basica De Html Listas de elementos Parte 5 I_vote_rcap 14% [ 5 ]

Votos Totales : 37


Tutorial Basica De Html Listas de elementos Parte 5

Ir abajo

Tutorial Basica De Html Listas de elementos Parte 5 Empty Tutorial Basica De Html Listas de elementos Parte 5

Mensaje por Administrador Sáb Ene 22, 2011 5:38 pm

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 segun 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 = Numeros romanos en minúsculas. (i.ii,iii,iv,v,... etc.)
I = Números romanos en mayúsculas. (I,II,III,IV,V,... etc.)


Ejemplo:
<OL>
<LI>España
<LI>Francia
<LI>Italia
<LI>Portugal
</OL>

Resultado:
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:
<UL type = disk >
<LI>España
<LI>Francia
<LI>Italia
</UL>

Resultado:



España

Francia

Italia




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:
<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>

Resultado:
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 "indice de materias".

Ejemplo:
<UL type= disk>
<LI>Buscadores
<UL>
<LI>Yahoo
<LI>Google
</UL>
<LI>Links
<UL>
<LI>IBM
</UL>
</UL>

Resultado:



Buscadores

Lycos
Google


Links
IBM

Administrador
Administrador


Mensajes Mensajes : 138
ComuReputacion ComuReputacion : 4
Fecha de inscripción Fecha de inscripción : 30/11/2010
Localización : Jojutla Morelos

http://www.comunidadestudiantil.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.