1 / 12

EQUIPO #6 TEMA: LISTAS

EQUIPO #6 TEMA: LISTAS. Encontraremos 5 formas distintas de representar la información mediante listas Listas desordenadas Listas ordenadas Listas de definición Menús listas de tipo directo. LISTAS DESORDENADAS.

kato
Download Presentation

EQUIPO #6 TEMA: LISTAS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. EQUIPO #6TEMA: LISTAS

  2. Encontraremos 5 formas distintas de representar la información mediante listas • Listas desordenadas • Listas ordenadas • Listas de definición • Menús • listas de tipo directo

  3. LISTAS DESORDENADAS Para realizar una lista desordenada utilizaremos el comando <UL> para comenzar y </UL> para terminar. Los atributos ara este tipo de listas son: TYPE= circle|disc|square| Mediante este podemos seleccionar uno de los 3 tipos de marcadores. PLAIN Elimina los marcadores de cada línea SRC= <imagen> Con este atributo podemos poner la imagen seleccionada. DINGBAT=<icono> En lugar de marcas pondría un icono. COMPAC Este reduce el espacio entre los elementos. WRAP= horiz|vert Nos permite disponer los elementos en vertical u horizontal.

  4. <LH> para el comienzo y </LH> para el final nos permite poner titulo a las listas. Ejemplo: <UL> <LH> titulo de la lista</LH> < TYPE=circle> primer termino. < TYPE=circle> segundo termino < TYPE=circle> tercer termino < TYPE=circle> cuarto y ultimo termino </UL> Quedaría de la siguiente forma: Titulo de la lista • Primer termino • Segundo termino • Tercer termino • Cuarto y ultimo termino

  5. También se pueden crear sublistas <UL> <LI> primer termino <LI> segundo termino <LI> tercer termino <UL> <LI> mas términos <LI> otros términos <LI> cuarto y ultimo termino </UL> Quedaría de la siguiente forma: • Primer termino • Segundo termino • Tercer termino • Mas términos • Otros términos • Cuarto y ultimo termino

  6. LISTAS ORDENADAS Para realizar una se utiliza el comando <OL> para iniciar y </OL> para finalizar Con este comando se presenta la información de una forma ordenada, los elementos se enumeran Algunos atributos para este tipo de lista son: SEQNUM=n Especifica el numero de inicio de orden son de n es el numero CONTINUE Continua con la numeración donde se quedo la anterior lista ordenada STAR= n Indica el numero de inicio de la secuencia TYPE=1|A|i||I Resulta obvio que indica el tipo de marca SKIP=n Avanza el numero de la secuencia al valor indicado VALUE=n Permite alterar la numeración de la secuencia saltándose los números intermedios

  7. Algunos atributos de las listas desordenadas también son aplicables aquí. Ejemplo: Si escribimos> <OL TYPE=i> <LH> titulo de la lista</LH> <LI> primer termino <LI> segundo termino <LI> tercer termino <LI> cuarto y ultimo termino </OL> Este ejemplo quedaría así: Titulo de la lista I primer termino II segundo termino III tercer termino IV cuarto y ultimo termino

  8. Veamos el mismo ejemplo pero saltando del elemento 2 al 7 <OL TYPE=i> <LH> titulo de la lista</LH> <LI> primer termino <LI> segundo termino <LI VALUE =7> tercer termino <LI> cuarto y ultimo termino </OL> Quedara así: I primer termino II segundo termino III tercer termino IV cuarto y ultimo termino También se pueden crear sublistas como el de las listas desordenadas pero en las listas ordenadas quedan enumeradas.

  9. LISTAS DE DEFINICION Utilizamos el comando <DL> para comenzar y </DL> para finalizar Permite presentar la información de manera clara y sencilla. Se pueden encontrar 2 partes: 1 lo que llamamos termino <DT> 2 lo que llamamos definición <DD> COMPACT Se utiliza para disminuir el espacio entre los elementos de una lista. Ejemplo: <DL> <DT>termino uno <DD> el termino uno significa……. <DT>termino dos <DD>el termino dos……… </DL> Observemos el resultado Termino uno. El termino uno significa ……. Termino dos. El termino dos………

  10. MENUS El aspecto de un menú es mas compacto que una lista desordenada, aunque puedan parecerse idénticos. Comienza con el comando <MENU> para iniciar y </MENU> para finalizar. Cada termino va precedido de <LI> Ejemplo: <MENU> <LI>primer termino <LI> segundo termino <LI> tercer termino </MENU> Quedando de la forma: Primer termino Segundo termino Tercer termino

  11. DIRECTORIOS Se utiliza para presentar una lista de ítems de mas de 20 caracteres cada uno. Comienza con<DIR> para empezar y </DIR> para finalizar. Ejemplo: <DIR> <LI> uno <LI> dos <LI> tres <LI> cuatro </DIR> Obtenemos • Uno • Dos • Tres • Cuatro Todos los tipos de listas explicados anteriormente pueden pueden mezclarse entre ellas, es decir, utilizar una dentro de otras.

  12. EJERCICIO • HACER UNA PAGINA DE TU GRUPO FAVORITO QUE CONTENGA LA INFORMACION EN LISTAS DESORDENADAS Y ORDENAS • TIENE QUE LLEVAR UN VIDEO Y LAS IMÁGENES QUE QUIERAS. • LA INFORMACION A SU CRITERIO • Listas desordenadas • Listas ordenadas • Listas de definición • Menús • listas de tipo directo

More Related