PROGRAMACION AZTECA buscador

Buscar en Programacion Azteca Buscar en google


Programacion Azteca > html > Curso HTML Trabajando con listas ordenadas y no ordenadas

Curso HTML Trabajando con listas ordenadas y no ordenadas


Existen 2 tipos de listas en html, las listas no ordenadas (que suelen constituir la base para crear nuestro menú de navegación) y las no ordenadas (que sirven solo para enumerar texto u ordenarlo), estas listas son un medio muy importante para poder estructurar el texto en un documento html, los dos tipos de listas siguen la siguiente sintaxis.-

||
|| < tipo_de_lista>
|| < li>Elemento 1< /li>
|| < li>Elemento 2< /li>
|| < /tipo_de_lista>
||


Entre los tipos de listas podremos encontrar los siguientes.-

Etiqueta UL .-(< ul>< /ul>) Nos sirve para crear listas de elementos sin orden alguno (cada elemento es presidido por una figura, la cual por defecto es un circulo pequeño), este tipo de lista permite los siguientes parámetros.-

  • Compact .- Muestra la lista mas compacta.
  • Type.- Nos indica el dibujo que precede al elemento, entre sus valores podremos encontrar disc, circle, square.

Etiqueta OL .-(< ol>< /ol>) Esta etiqueta nos permite presentar listas ordenadas de menor a mayor, precedido por su numero en orden y cuenta con los siguientes atributos.-

  • Compact .- Muestra la lista mas compacta.
  • Type .- Indica al navegar el tipo de numeración que precede al elemento, entre los valores de este atributo encontramos 1, a, A, i.
  • Star .-En este atributo pondremos el numero por el cual se empezara a contar los elementos de la lista.

Etiqueta LI .-(< li>< /li>)Esta etiqueta le indica al navegador mostrar el texto que se encuentra entre ellas como un elemento de linea en una lista, y cuenta con el atributo type, con el cual indicaremos que imagen precederá al elemento de la lista.-

  • Type=A .- Muestra letras mayúscula.
  • Type=a .- Muestra letras minúsculas.
  • Type=I .- Muestra números romanos grandes.
  • Type=i .- Muestra números romanos chicos.
  • Type=1 .- Muestra números arábigos.
  • Type=disc .- Muestra un circulo

Ejemplo de una lista no ordenada.-

||
|| < ul>
|| < li>Menu 1< /li>
|| < li>Menu 2< /li>
|| < li>Menu 3< /li>
|| < /ul>
||


El resultado del ejemplo anterior sera este, si la necesitas ordenada solo cambiaremos el tipo de lista por OL y utilizaremos el atributo type para asignarle el tipo de numeración a mostrar.

  • Menu 1
  • Menu 2
  • Menu 3


Tags.- numeracion y viñetas, listas en html, listas ordenadas, listas no ordenadas, etiqueta li, etiqueta ol, etiqueta ul
Autor.- Paulo Andrade | 28 / 09 / 2009 | Categoria.- Programacion

Otros articulos de tu interes.-

Programacion Azteca

Te gusto el artículo? Puedes compartirlo en las siguientes redes sociales.

comentarios 0 Comentarios:


DEJA TU COMENTARIO

Programacion azteca agradece que dejes tu comentario, cualquier duda, aclaracion, y queja es bien aceptada, se le pide que no insulte y que recuerde que este es un comentario para una web y no un SMS.
Gracias!!!

Nombre.-

Escriba el comentario.-



Ingrese el texto de la imagen de arriba.-
(Respete letras mayusculas y minusculas)






Acerca De | Sitemap | Licencia CC | Contactanos | Colabora | PROGRAMACION AZTECA 2010