Make your own free website on Tripod.com

Tipos de Listas

Listas:
Se puede decir que encontramos tres tipos de listas, ordenadas, desordenadas y de definición.
Para hacer una lista desordenada, deberemos usar la etiqueta <UL></UL> ,y a continuación <LI>, en cada línea.
También se le puede poner un símbolo al lado de cada línea con la parámetro TYPE, seguido de disk, circle o square, esto nos quiere decir que la marca puede ser un disco, un circulo o un cuadrado. Acá esta como utilizar la etiqueta.

<ul type="disk">
<li>primero línea</li>
<li>segunda línea</li>
<li>demas líneas</li>
</ul>

Esto quedará así:

  • primero línea

  • segunda línea

  • demas líneas

TYPE="aaaaaaaa"

Donde "aaaaaaaa" puede ser:

"disc" = Inserta el disco relleno que aparece en el ejemplo.
"square" = Inserta un cuadrado.
"circle" = Inserta un circulo.

Para hacer una lista ordenada la etiqueta será <OL> </OL>, seguido de la etiqueta <LI>.
A está etiqueta se le pueden agregar parámetros, estos parámetros son:
START = NUMERO, nos indica que numero será el primero de la lista.
TYPE = TIPOS, le indicara al explorador que tipo de numeración se va a utilizar.
Estos tipos pueden ser:
1 = Numéricamente. (1,2,3,... etc.)
a = Letras minúsculas. (a,b,c,... etc.)
A = Letras mayúsculas. (A,B,C,... 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,... etc.)

Ahora les doy un ejemplo simple:

<ol type="A">
<li>primero línea</li>
<li>segunda línea</li>
<li>demas líneas</li>
</ol>

Esto quedará así:

  1. primero línea
  2. segunda línea
  3. demas líneas

Para hacer una lista de definición la etiqueta será <DL> </DL>
En esta etiqueta, utilizaremos DT, para cada una de las palabras y DD para la definición de las misma.
Como ejemplo podré:

<dl>
<dt>Átomo
<dd>Partícula más pequeña de un cuerpo simple
<dt>Atómica
<dd>Relativo al átomo
</dl>

Esto quedará así:

Átomo
Partícula más pequeña de un cuerpo simple
Atómica
Relativo al átomo

Comentarios Ocultos
Estos pueden ser muy útiles a la hora de organizar nuestras página, además, tenemos que tener en cuenta que estos no aparecen en pantalla.
Para ello deberemos utilizar el parámetro <!--Acá va el comentario-->
También, sirven para ocultar códigos, esto es útil a la hora de que un usuario este utilizando un navegador muy antiguo.

Ahora les pongo un ejemplo practico, copielo al Block de Notas, si quiere probarlo.

<html>
<head>
<title>Primera pagina</title>
</head>
<body bgcolor="#ff0000" bgProperties="fixed">
<center>
<ol type="A">
<li>primero línea
<li>segunda línea
<li>demas líneas
</ol>
<dl>
<dt>Átomo
<dd>Partícula más pequeña de un cuerpo simple
<dt>Atómica
<dd>Relativo al átomo
</dl>
</center>
</body>
</html>


Si tienen alguna pregunta o sugerencia, puede dirigirse a cx1ddr@internet.com.uy
Sin autorización, se prohibe la reproducción parcial o total de esta página; están todos los derechos reservados.
Creado por Gabriel Bermúdez