El documento describe diferentes tipos de listas en HTML, incluyendo listas no ordenadas, listas ordenadas y listas de definición. Las listas no ordenadas se crean con las etiquetas <ul> y <li> y pueden personalizarse con el atributo "type". Las listas ordenadas se crean con las etiquetas <ol> y <li> y los puntos se enumeran automáticamente con números. Las listas de definición utilizan las etiquetas <dl>, <dt> y <dd> para vincular términos con sus definiciones respectivas.

1. UNIVERSIDAD TÉCNICA DE AMBATO
FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACIÓN
DOCENCIA EN INFORMÁTICA
PROGRAMACIÓN WEB
NOMBRE: GARDENIA PANIMBOZA
SEMESTRE: 7°
LISTAS
Van dentro de la
etiqueta <ul> y de su
cierre </ul>.
Para añadir un punto
a la lista, lo haremos
dentro de la etiqueta
<li> y su cierre.
Para perzonalizar la
viñeta de la lista
añadimos el atributo
“type” a la etiqueta
<li>
Puntos negros (li
type="disc")
Fondo blanco (li
type="circle")
Por cuadrados (li
type="square")
EJEMPLO
<ul>
<li type="circle">circulo.</li>
<li type="square">rectangulo.</li>
<li type="disc">circulo relleno.</li>
</ul>
Listas No Ordenadas

2. Listas Ordenadas
van enmarcadas dentro de las etiquetas <ol> </ol>
Cada punto de la lista se escribe con la misma etiqueta que en las
no numeradas: <li>
Pero al ser listas ordenadas los símbolos serán números
EJEMPLO
<ol>
<li > 20. </li>
<li> 21. </li>
<li> 22. </li>
</ol>
RESULTADO
1. 20.
2. 21.
3. 22.
<li> 22. </li>
</ol>
Primer punto comience con el
número que nosotros queramos
<ol>
<li value="2">Este será el número 2.
</li>
<li>Este será el 3. </li>
<li> Este será el 4. Y así
sucesivamente. </li>
</ol>
<li> 22. </li>
</ol>
RESULTADO
Este será el número 2.
Este será el 3.
Este será el 4. Y así sucesivamente.

3. Listas De Definición
Utilizamoslasetiquetas<dl>,
<dt> y<dd>
La etiqueta<dl>
indicaque dentrode ella,entre
ellaysu cierre,vaa ir una
definición
La etiqueta<dt>
dentrode ellairáel términoque
vamosa definir
La etiqueta<dd>
dentrode éstairá la definición
EJEMPLO:
<dl>
<dt>Aquí va el términoque definiremos</dt>
<dd>Y aquí dentroirála definición
propiamente dicha.</dd>
</dl>
<dl>
<dt>Aquí va la segundadefinición</dt>
<dd>Y aquí dentroirála segundadefinición,
separadaautomáticamente de la
anterior.</dd>
</dl>