ARMANDO UNA WEB CON HTML V


Bueno, después de "ese" número anterior volvemos con lo que hace a la programación en HTML, esta vez con el tema de las listas


Todas las listas tienen el siguiente formato:

<Tipo de lista>
<LI>ELEMENTO DE LA LISTA
</Tipo de lista>

El primer tipo de lista que vamos a ver, es el de las listas ordenadas, en las cuales se ordena numerando. Pongamos como ejemplo el siguiente código:

<OL>
<LI>Ingwe
<LI>Madame Lune
<LI>Sheik
</OL>

Esto quedaría así:

  1. Ingwe
  2. Madame Lune
  3. Sheik

Como pudimos ver en el lugar del tipo de lista ponemos OL.

<OL> tiene varios parámetros, sin ellos, queda por defecto con números, pero podríamos haber puesto <OL TYPE=A> y ese mismo código hubiese quedado así:

  1. Ingwe
  2. Madame Lune
  3. Sheik

También podemos poner <OL TYPE=I>para que quede en números romanos.

  1. Ingwe
  2. Madame Lune
  3. Sheik

Hay otras 2 formas (si hay más avisen, estas son todas las que conozco): <OL TYPE=a> y <OL TYPE=i>, para estos quedaría algo así:

  1. Ingwe
  2. Madame Lune
  3. Sheik
  1. Ingwe
  2. Madame Lune
  3. Sheik

Este tipo de listas tiene otros parámetros que son:

COMPACT: Dice que la lista se debe escribir de la manera más compacta posible.

START="nro.":Dice desde que número se debe empezar.

VALUE="nro.": Como el START pero dentro del un <LI>


Veamos ahora un ejemplo de lista desordenada, en la cual al tipo de lista le tenemos que poner UL

<UL>
<LI>Ingwe
<LI>Madame Lune
<LI>Sheik
</UL>

Esta vez va a quedar así:

Como era de esperarse, este tipo de listas también tiene parámetros (por defecto viene el TYPE="disk"), podemos poner <UL TYPE="square"> y obtendríamos esto:

Otro que podemos poner es el <UL TYPE="circle">, por lo que quedaría así:

Al igual que en la lista ordenada, acá también se puede poner COMPACT


Otro tipo de lista, algo distinto a los demás es la de definiciones, que va a ser la única que no use los <LI>. Voy a intentar graficar esto con un ejemplo.

<DL>
<DT>Ingwe<DD>Genio de la programación.
<DT>Madame Lune<DD>Sabiduría en idiomas.
<DT>Sheik<DD>Un perro.
</DL>

Cuyo resultado es esto:

Ingwe
Genio de la programación.
Madame Lune
Sabiduría en idiomas.
Sheik
Un perro.

Este tipo de lista también admite COMPACT


Es evidente que se puede incluir una lista dentro de otra, por ejeplo:

<OL>
<LI>ELEMENTO 1
<LI>ELEMENTO 2
<UL TYPE="circle">
<LI>ELEMENTO 2.1
<LI>ELEMENTO 2.2
</UL>
<LI>ELEMENTO 3
</OL><

El resultado sería:

  1. ELEMENTO 1
  2. ELEMENTO 2
  3. ELEMENTO 3

Esto es todo por este número, si me acuersdo, en el próximo número seguimos.

INGWE