Tema 5

Listas
Las listas sirven para organizar la informacin en forma de lneas. Pueden estar precedidas por
un punto o cualquier otro signo, por un nmero o no estar precedidas por nada.

Otro tipo de listas son las llamadas de definicin.
Todas ellas las veremos ms detenidamente en este tema.

Listas desordenadas

Listas ordenadas

Listas de definicin

Prctica: Listas

Prctica: Provincias

Listas desordenadas

Primero especificamos el tipo de lista, en este caso UL (unordered list) de lista desordenada. Luego cada
elemento de la lista se indica con LI (list item).

<UL>

Se visualizara en el
navegador como...

<LI>Harina

Harina

<LI>Leche

Leche

<LI>Azúcar

Azcar

<LI>Huevo

Huevo
</UL>

Tambin se puede anidar una lista dentro de otra:
<UL>

<LI>Aos
navegador como...
Aos
<LI>Meses Meses

<UL>

<LI>Enero Enero

<LI>Febrero
Febrero
</UL>

<LI>Semanas
Semanas
<LI>Días Das
</UL>

Con el parmetro TYPE=DISC, indicamos que a la izquierda de cada elemento de la lista aparezca un
punto. Tambin podemos poner un crculo (CIRCLE) o un cuadrado (SQUARE).

<UL TYPE="DISC">

<LI>Word
Se visualizara
en el
navegador
como...

Word

<LI>Excel
Excel

<LI>Access Access

<LI>PowerPoint
PowerPoint
</UL>

<UL TYPE="SQUARE">

<LI>Azul

Se visualizara
en el
navegador
como...

Azul

<LI>Verde Verde

<LI>Rojo
Rojo

<LI>Amarillo Amarillo

<UL TYPE="CIRCLE">

Listas

<LI>Barcelona
Se visualizara
en el
navegador
como...

Barcelona

<LI>Tarragona
Tarragona

<LI>Lérida Lrida

<LI>Gerona
Gerona
</UL>

Listas ordenadas

Se definen exactamente igual que las desordenadas, salvo que se utiliza el comando OL (ordered lists).
Veamos un ejemplo:

<OL>

<LI>La Corua
navegador como...
1. La Corua

<LI>Lugo
2. Lugo

<LI>Orense
3. Orense

<LI>Pontevedra
4. Pontevedra
</OL>

La diferencia con las anteriores es, principalmente, que el resultado aparecer de forma automtica con
un nmero correlativo para cada elemento. Al igual que en las listas desordenadas, se puede utilizar el
parmetro TYPE . Existen los tipos A, a, I, i, y por defecto 1.

<OL
TYPE=A>

<LI>Matemáticas
navegador como...

A. Matemticas

<LI>Lengua

B. Lengua

<LI>Sociales

C. Sociales

<LI>Naturales

D. Naturales
</OL>

<OL
TYPE=a>

<LI>Matemáticas

navegador como...

a. Matemticas

<LI>Lengua

b. Lengua

<LI>Sociales

c. Sociales

<LI>Naturales

d. Naturales
</OL>

<OL

Listas
TYPE=I>

<LI>Matemáticas
navegador como...

I. Matemticas

<LI>Lengua

II. Lengua

<LI>Sociales

III. Sociales

<LI>Naturales

IV. Naturales
</OL>

<OL
TYPE=i>

<LI>Matemáticas

navegador como...

i. Matemticas

<LI>Lengua

ii. Lengua

<LI>Sociales

iii. Sociales

<LI>Naturales

iv. Naturales
</OL>

Al igual que las listas desordenadas, stas tambin se pueden anidar.

Listas de definicin

Las listas de definicin son apropiadas para los glosarios o definiciones. Toda la lista debe ir englobada
entre las etiquetas <DL> y </DL>. Cada lnea de la lista tiene dos partes: el nombre de lo que se va
definir, que se consigue con la etiqueta <DT>, y la definicin, para lo que utilizamos la etiqueta <DD>.

<DL>

<DT> Mesa

<DD> Mueble compuesto por una tabla lisa sostenida por uno o
varios pies.
<DT> Silla

<DD> Asiento individual con respaldo y, por lo común,
con cuatro patas.
</DL>

Listas

A continuacin, mostramos un ejemplo de una pgina con listas. Tambin incluimos otras etiquetas que
hemos aprendido a lo largo del curso, como son: ttulos, formato del texto en negrita, cursiva, lneas
horizontales y alineacin de prrafos.

<HTML>

<HEAD>

<TITLE> Listas </TITLE>

</HEAD>

<BODY>

<CENTER>

<H1> Mis comidas y gustos musicales preferidos </H1>

</CENTER>

<HR>

Sin un orden particular, mis <B> comidas preferidas </B> son
las siguientes:

<UL TYPE="square">

<LI> La ensaladilla

<LI> Los postres

<UL TYPE="circle">

<LI> Cabello de ángel

<LI> Tarta de chocolate

</UL>

<LI> Salsa al roque

</UL>

La música flamenca que más me gusta es <I> (en
orden de preferencia) </I>:

<OL>

<LI> El fandango

<LI> La bulería

<LI> Las seguidillas

</OL>

<HR>

</BODY>

</HTML>

Prctica: Listas

Prctica: Listas

A continuacin, realizaremos una pgina que contendr todos los tipos de listas que hemos
estudiado. Debido a su extensin, sentimos no poder disponer de la imagen final de este
ejercicio.

Guarde el ejercicio con el nombre listas.html.

Abrir ejercicio usando
Adobe Acrobat Reader

Archivo necesario para
realizar la prctica

Prctica: Provincias

Listas

Listas

Prctica: Provincias

Continuando con nuestra pgina de turismo, sera conveniente crear un documento HTML
que contenga algunas provincias espaolas agrupadas por comunidad autonmica. Para
ello, utilizaremos listas no numeradas.

Procure que el resultado final del ejercicio sea lo ms parecido a la imagen que mostramos
a continuacin.

Guarde el ejercicio con el nombre provincias.html dentro de la carpeta Turismolandia
que creamos en el tema anterior.

Abrir ejercicio usando
Adobe Acrobat Reader

Archivo necesario para
realizar la prctica

Tema 5

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Tema 5

Загружено:

Авторское право:

Доступные форматы

Listas

Вам также может понравиться