004html listas
TRANSCRIPT
![Page 1: 004html listas](https://reader036.vdocumento.com/reader036/viewer/2022082606/557b443ed8b42a014a8b46e2/html5/thumbnails/1.jpg)
HTML: Listas
El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos:
Listas no ordenadas (se trata de una colección simple de elementos en la que no importa su orden)
Listas ordenadas (similar a la anterior, pero los elementos están numerados y por tanto, importa su orden)
Listas de definición (un conjunto de términos y definiciones similar a un diccionario).
![Page 2: 004html listas](https://reader036.vdocumento.com/reader036/viewer/2022082606/557b443ed8b42a014a8b46e2/html5/thumbnails/2.jpg)
Listas no ordenadas
<ul><li>Uno</li><li>Dos</li><li>Tres</li></ul>
•Uno•Dos•Tres
La etiqueta <ul> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos.
HTML: Listas
![Page 3: 004html listas](https://reader036.vdocumento.com/reader036/viewer/2022082606/557b443ed8b42a014a8b46e2/html5/thumbnails/3.jpg)
Listas ordenadas
<ol><li>Uno</li><li>Dos</li><li>Tres</li></ol>
1. Uno2. Dos3. Tres
La etiqueta <ol> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos.
HTML: Listas
![Page 4: 004html listas](https://reader036.vdocumento.com/reader036/viewer/2022082606/557b443ed8b42a014a8b46e2/html5/thumbnails/4.jpg)
Listas de definición
<dl><dt>Témino 1</dt><dd>Definición 1</dd><dt>Término 2</dt><dd>Definición 2</dd></dl>
Término 1 Definición 1Término 2 Definición 2
Su funcionamiento es similar al de un diccionario, ya que cada elemento de la lista está formado por términos y definiciones. La etiqueta <dl> crea la lista de definición y las etiquetas <dt> y <dd> definen respectivamente el término y la descripción de cada elemento de la lista.
HTML: Listas
![Page 5: 004html listas](https://reader036.vdocumento.com/reader036/viewer/2022082606/557b443ed8b42a014a8b46e2/html5/thumbnails/5.jpg)
***Listas anidadas
<ul><li>Uno <ul> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul></li><li>Dos</li><li>Tres</li></ul>
• Uno · Uno · Dos · Tres• Dos• Tres
HTML: Listas