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í:
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í:
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í:
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í:
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>