10/13/2009 | Posted in , , ,


En el articulo anterior vimos los dos tipos de listas con los que podemos trabajar en html, listas ordenadas y no ordenadas, en esta ocasión aprenderemos a utilizar listas anidadas, no es muy común utilizarlas pero en algún momento las necesitaremos para complementar algún trabajo.


Sintaxis.-


||
|| < ul>
|| < li>Elemento 1< /li>
|| < li>Elemento 2< /li>
|| < ul>
|| < li>Sub elemento 1< /li>
|| < li>Sub elemento 2< /li>
|| < /ul>
|| < li>Elemento 3< /li>
|| < /ul>
||


En el ejemplo anterior vemos la sintaxis de una lista anidada, prácticamente se inserta una lista dentro de otra lista, tan solo hay que tener cuidado al momento de abrir y cerrar las etiquetas, es muy fácil de utilizar, este es el resultado.-


Elemento 1
Elemento 2
Sub elemento 1
Sub elemento 2
Elemento 3


NOTA: Es muy importante mantener un anidamiento correcto ya que al momento de visualizar la lista en el navegador se puede ver bien pero por ejemplo si la combinamos con CSS nos traerá muchos problemas, al decir correcta nos referimos a cerrar correctamente las etiquetas.

Comments

0 responses to "Tutorial Html Listas ordenadas"