Crear Listas en HTML

      A menudo nos interesará presentar las cosas en forma de listas. Les mostrare 3 formas de poner una lista y así acomodarlas a nuestra preferencia o necesidad.

Una Lista simple se vera así :

Y para lograr hacer esto pondremos el siguiente código:


<UL>
<LI> Cosa
<LI> Otra cosa
<LI> Otra cosa más
<LI> Etc..
</UL>

Si queremos crear una lista con sub-temas como la de la siguiente imagen:

Y aquí el código:

<UL>
<LI> Cosa
<UL>
<LI> Cosa Uno
<LI> Cosa Dos
</UL>
<LI> Otra Cosa
<UL>
<LI> Otra Cosa Uno
<LI> Otra Cosa Dos
</UL>
<LI> Otra Cosa más
<UL>
<LI> Otra Cosa Más Uno
<LI> Otra Cosa Más Dos
</UL>
<LI> Etc..
</UL>

      Las listas ordenadas (ordered lists) sirven para presentar cosas en un orden determinado. Su estructura es muy similar a la anterior. La diferencia estriba en que en el resultado aparecerá automáticamente un número correlativo para cada cosa.

Y aquí el código:


<OL>
<LI> Cosa
<LI> Otra Cosa
<LI> Otra Cosa Más
<LI> Etc.
</OL>

      Y esto es todo lo que se sobre la listas en HTML si tienes un aporte solo dime y lo tomare en cuenta. También pueden mezclar las listas por ejemplo la ordenada y ponerle sub-temas para dar una mejor vista o si el contenido de tu página lo requiere.

Las imágenes y el texto son mi auditoria, fueron tomadas directamente en mi ordenador.

Si tienes alguna pregunta o duda, colócala en  los comentarios ;)