Además de títulos, párrafos, imágenes, un sitio web puede tener una forma de organizar la información en la pagina y esto se puede hacer a través de las listas. En esta entrada vamos a centrarnos en dos tipos de listas compatibles en HTML:
- Listas sin ordenar: Están formadas por elementos junto a los que aparece una viñeta. La etiqueta <ul> identifica una lista desordenada y dentro de la lista, cada elemento se identifica con la etiqueta <li>. La etiqueta <ul> es compatible con un atributo type que permite cambiar el tipo de viñeta. Los valores que se pueden asignar son:
- disc que muestra un circulo relleno
- circle que muestra un circulo vacío
- square que indica un cuadrado relleno
- Si no usamos el atributo type, las listas utilizan la viñeta disc como predeterminada.
- Listas ordenadas: Las listas ordenadas son similares a las listas desordenadas, pero éstas se identifican mediante números, en lugar de viñetas. La etiqueta <ol> identifica la lista ordenada y dentro de la lista cada elemento se identifica con la etiqueta <li>
La idea para Generar
una lista dentro de Otra lista, es de tener una lista General y dentro
de Cada elemento de esta lista colocar otra Lista, teniendo así como
elemento de la lista General otro lista:
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.html
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.html
La idea para Generar
una lista dentro de Otra lista, es de tener una lista General y dentro
de Cada elemento de esta lista colocar otra Lista, teniendo así como
elemento de la lista General otro lista:
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.html
También podemos realizar listas anidadas, estás consisten en poner una lista dentro de otra, de manera
que la lista secundaria sangre respecto a la principal. Puede jugar con
los diferentes tipos de lista pero recuerde estructurar bien las tags:
Las tags de la lista principal englobarán todo el conjunto de las listas
y las tags de las listas secundarías se cerraran antes de volver a la
lista principal. En el siguiente ejemplo se puede apreciar claramente como es la estructura de las listas anidadasArtículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.html
La idea para Generar
una lista dentro de Otra lista, es de tener una lista General y dentro
de Cada elemento de esta lista colocar otra Lista, teniendo así como
elemento de la lista General otro lista:
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.html
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.html
La idea para Generar
una lista dentro de Otra lista, es de tener una lista General y dentro
de Cada elemento de esta lista colocar otra Lista, teniendo así como
elemento de la lista General otro lista:
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.htm
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.htm
La idea para Generar
una lista dentro de Otra lista, es de tener una lista General y dentro
de Cada elemento de esta lista colocar otra Lista, teniendo así como
elemento de la lista General otro lista:
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.htm
Artículo sustraído de: http://neytortec1.blogspot.com.es/2013/05/listas-dentro-de-listas-en-html.htm
