Numeración y Viñetas

En la numeración se utiliza la instrucción <OL></OL>. Cada uno de los elementos de la lista está precedido de la instrucción <LI>. En la instrucción <OL> se puede incluir el tipo de numeración:

type = tipo
Indica el tipo de numeración utilizada. Si no se indica se entiende que será una lista ordenada numéricamente.

Los tipos posibles son :

1 = Numéricamente. (1,2,3,4,... etc.)
a = Letras minúsculas. (a,b,c,d,... etc.)
A = Letras mayúsculas. (A,B,C,D,... 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,V,... etc.)

Ejemplo Resultado
<OL>
<LI>Venezuela
<LI>Colombia
<LI>Ecuador
<LI>Perú
</OL>

  1. Venezuela
  2. Colombia
  3. Ecuador
  4. Perú
<OL type =A>
<LI>Venezuela
<LI>Colombia
<LI>Ecuador
<LI>Perú
</OL>

  1. Venezuela
  2. Colombia
  3. Ecuador
  4. Perú

Las viñetas se representan con la instrucción <UL></UL> para delimitar la lista, y <LI> para indicar cada uno de los elementos. En la instrucción <UL> se puede incluir el tipo de viñeta:

disk = Indica un punto
circle = Indica un punto sin relleno
square = Indica un cuadrado

EjemploResultado
<UL type = disk >
<LI>Venezuela
<LI>Colombia
<LI>Ecuador
<LI>Perú
</UL>

  • Venezuela
  • Colombia
  • Ecuador
  • Perú
<UL type = square>
<LI>Venezuela
<LI>Colombia
<LI>Ecuador
<LI>Perú
</UL>

  • Venezuela
  • Colombia
  • Ecuador
  • Perú
<UL type = circle>
<LI>Venezuela
<LI>Colombia
<LI>Ecuador
<LI>Perú
</UL>

  • Venezuela
  • Colombia
  • Ecuador
  • Perú

 

Todas las listas se pueden "anidar", es decir incluir una lista dentro de otra, con lo que se consigue una estructura tipo "índice de materias".

EjemploResultado
<UL type= disk>
<LI>Buscadores
<UL>
<LI>Yahoo
<LI>Ole
<LI>Lycos
</UL>
<LI>Links
<UL>
<LI>Microsoft
<LI>IBM
</UL>
</UL>
  • Buscadores
    • Yahoo
    • Ole
    • Lycos
  • Links
    • Microsoft
    • IBM