Manejo de listas
Tenemos cinco formas de manejar listas de las cuales solo manejaremos las mas conocidas y utilizadas que son :
- Listas desordenadas.
- Listas ordenadas.
- Listas de definicion.
Listas desordenadas:
Para utilizar este tipo de listas vamos a usar el comando <ul> para comenzarla y </ul> para terminarla, otro elemento es el comando <lh> y </lh> para poner titulo a las listas.
Type es el atributo por el cual podemos seleccionar uno de estos tres volores: circle, disc y square.
A continuacion veremos un ejemplo de listas desordenadas, con su respectivo codigo fuente:
<html>
<head>
<title>listas desordenadas</title>
</head>
<body>
<ul>
<lh>
Paises de latinoamerica
</lh>
<li type=circle> Colombia
<li type=square> Argentina
<li type=disc> Mejico
<li type=circle> Costa rica
<li type=square> Brasil
<li type=disc> Peru
<li type=circle> Venezuela
<li type=square> Guatemala
<li type=disc> Cuba
</ul>
<body>
</html>
ver ejemplo
Listas ordenadas:
Aqui vamos a utilizar el comando <ol> y </ol>, para abrir y cerrar respectivamente. De esta manera la informacion se enumera automaticamente
Type al igual que en el anterior nos ofrece diferentes opciones en este caso estan : 1, a, A, i, I; indican el tipo de marca.
A continuacion veremos el codigo fuente con su respectivo ejemplo:
<html>
<head>
<title>listas ordenadas</title>
</head>
<body>
<ol type=i>
<lh>
Ciudades de Colombia
</lh>
<li> Bogotá
<li> Cali
<li> Cartagena
<li> Cordoba
<li> Barranquilla
<li> Popayan
<li> Medellin
<li> Girardot
<li> Cucuta
</ol>
<body>
</html>
ver ejemplo
Listas de definicion:
Aqui utilizaremos <dl> para comenzarla y </dl> para terminarla. Podemos encontrar dos partes:
1. Termino <dt>.
2. Definicion de termino <dd>.
Solo encontramos un atributo para este tipo de listas:
Compact, este disminuye el espacio entre los elementos de la lista.A continuacion veremos el codigo fuente con su respectivo ejemplo:
<html>
<head>
<title>listas de definicion</title>
</head>
<body>
<dl type=i>
<lh>
Glosario
</lh>
<dt>ASCII
<dd>American Standard Code for Information Interchange.
<dt>BACKGROUND
<dd>Fondo o segundo plano.
<dt>BROWSER
<dd>(Navegador), para internet, recoge paginas de internet y las muestra al usuario.
<dt>CLICK
<dd>Accion de pulsar el raton.
<dt>DOS
<dd>Sistema Operativo de Disco de la casa de Microsoft o IBM.
<dt>FTP
<dd>Programa utilizado para la transferencia de archivos entre dos puntos.
</dl>
<body>
</html>
ver ejemplo
TALLER
1. Con los siguientes frutos realizar:
* Cocos
* Mangos
* Peras
* Piñas
* Lulo
* Limon
* Manzana
* Maracuya
* Pitahaya
* Banano
* Sandia
* Guanabana
* Mandarina
* Fresa
* Mora
* Zapote
* Curuba
* Tomate de arbol
* Naranja
* Durazno
* Anon
* Uchuva
* Kiwi
* Papaya
* Uva
* Granadilla
2. Una lista ordenada alfabeticamente.
3. Una lista ordenada en numeros romanos.
4. Una lista ordenada numericamente.
5. Una lista desordenada con circle, disc y square.
6. Una lista de definicion con el color de cada fruto.
7. Una lista desordenada donde encontremos un plato que se realice con cada uno de los frutos.
8. Colocar la definicion de cada tipo de fruto ya sea seco, semiseco, acido, dulce, etc.
Inicio
