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 o listas simples, deberemos usar la etiqueta <UL></UL> con los parámetrosCIRCULAR (por defecto), DISC ( marca de disco) o SQUAR (marca cuadrada), a continuación <LI>, que es la inserción de cada lista.
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="square">
<li>primero línea</li>
<li>segunda línea</li>
<li>demás líneas</li>
</ul>

Esto quedara así:

  • primero línea

  • segunda línea

  • demás 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 = MUMERO, 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 ( por defecto). (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>demás líneas</li>
</ol>

Esto quedara 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(que es el termino a definir), para cada una de las palabras y DD (que es la definición), para la definición de las misma.
Como ejemplo pondre:

<dl>
<dt>
<font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#CCFFCC"><b>Átomo</b></font>
<dd><font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#CCFFCC"><b>Partícula más pequeña de un cuerpo simple
</b></font>
<dt><font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#CCFFCC"><b>Atómica
</b></font>
<dd>
<font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#CCFFCC"><b>Relativo al átomo</b></font>
</dl>

Esto quedara así:

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

También podemos hacer una lista con un menú, los Tag´s para ello son <MENU>Listado del menú</MENU>
Por ejemplo:

<menu><font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#CCFFCC"><b>Este es mi primer menú</b></font></menu>

Se vera así:

Este es mi primer menú

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>


Sin autorización, se prohíbe la reproducción parcial o total del manual.