Listas

Listas sin ordenListas con orden orden
Listas sin orden:
Las listas sin orden debes encerarlas entre la directiva ul, de la siguiente manera.
< ul >
.....Mi lista
...
< /ul >
Para indicar que lo que deseamos colocar es un elemento lo encerramos entre la etiqueta "li", de la siguiente manera.
< li > Elemento < /li >
Ejemplo: Lista desordenada.
Codigo HTMLResultado
Lenguajes de
programación:
< ul >
< li > C++ < /li >
< li > Java < /li >
< li > Pascal < /li >
< li > Delphi < /li >
< li > Visual Basic < /li >
< /ul > 		Lenguajes de
programación:
  • C++
  • Java
  • Pascal
  • Delphi
  • Visual Basic
Además puedes colocar otro tipo de bullet. Aquí los tenes:
TYPE="bullet"
Es la empleada por defecto y aparecerá un pequeño disco negro o punto.
< ul TYPE="bullet" > < li > Elemento < /li > < /ul >
TYPE="circle"
Aparece un disco vacío en el que se distingue el contorno.
< ul TYPE="circle" > < li > Elemento < /li > < /ul >
TYPE="square"
aparece un pequeño cuadrado negro al lado de cada elemento.
< ul TYPE="square" > < li > Elemento < /li > < /ul >

Listas sin ordenListas con orden orden

Listas con orden:
Su creación es muy similar a la desordenada, simplemente cambia la directiva "ul" por "ol".
Ejemplo:
Codigo HTMLResultado
Lenguajes de
programación: < ol >
< li > C++ < /li >
< li > Java < /li >
< li > Pascal < /li >
< li > Delphi < /li >
< li > Visual Basic < /li >
< /ol > 		Lenguajes de
programación:
  1. C++
  2. Java
  3. Pascal
  4. Delphi
  5. Visual Basic
También puedes usar otros tipos de numeración, aquí los tenes:
TYPE="A"
comienza la lista numerándola con la letra A (al primer elemento), y prosigue con el resto de letras del índice alfabético.
< ol TYPE="A" > < li > Elemento < /li > < /ol >
TYPE="a"
comienza la lista numerándola con la letra a (al primer elemento), y prosigue con el resto de letras del índice alfabético. Igual que la anterior pero en minúsculas.
< ol TYPE="a" > < li > Elemento < /li > < /ol >
TYPE="1"
Es el que usa por default.
< ol TYPE="1" > < li > Elemento < /li > < /ol >
TYPE="I"
Comienza la lista numerándola con el número I romano (al primer elemento), y prosigue con el resto de número romanos.
< ol TYPE="I" > < li > Elemento < /li > < /ol >
TYPE="i"
Comienza la lista numerándola con el número i romano (al primer elemento), y prosigue con el resto de número romanos. Al igual que el anterior, pero con el número en minúscula.
< ol TYPE="i" > < li > Elemento < /li > < /ol >
Por ultimo la etiqueta "li" pose una propiedad cuando es una lista ordenada , estos sn VALUE="numero" Donde numero representa el valor de orden que desea que este elemento tenga.
Puedes lograr un efecto parecido pero con la etiqueta "ol", coloca la propiedad START=numero, donde numero será el valor donde la lista debe comenzar.

[email protected]
atras Indice siguiente
Diseño de web Diseño de web
Hosted by www.Geocities.ws

1