- Antes de Todo
- Lección 1
- Lección 2
- Lección 3
- Lección 4
Lista de Glosario Y Anidadas
Las listas de glosario son aquellas que están formados por elementos que a su vez tienen una definición. Estas definiciones pueden estar en el mismo reglón o en un reglón diferente. Si esta en un reglón diferente dejara una sangría.
Esta clase de listas va dentro de las tags <dl>...</dl>, cada termino se engloba entre las etiquetas <dt>…</dt> y la definición entre <dd>…</dd>.
Por ejemplo:
<dl>
<dt>Elemento 1 </dt>
<dd>Definición 1</dd>
<dt>Elemento 2</dt>
<dd>Definición 2</dd>
</dl>
Por último podemos echarle un ojo a las “listas anidadas”- Ojo que son listas que tendrán pichones como me dijo un amigo ja-.
Las listas anidadas nos hacen referencias a listas dentro de otras listas. Estas son muy fáciles de colocar mientras respetemos el orden de cada uno de ellas. Creo que se podrá apreciar mejor con un ejemplo:
<ul>
<li>Elemento 1
<ul>
<li>Sub-elemento1</li>
<li> Sub-elemento2</li>
<li> Sub-elemento3</li>
</ul>
</li>
<li>Elemento 2
<ul>
<li>Sub-elemento1</li>
<li> Sub-elemento2</li>
<li> Sub-elemento3</li>
</ul>
</li>
<li>Elemento 3</li>
</ul>
El resultado de ambas lo podemos ver desde AQUÍ.
Muy bien, ahora ya sabemos que son listas y como escribirlas en html. Ahora vamos a aplicarlo a nuestra web.