1. UNIERSIDAD TÉCNICA DE
AMBATO
FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACIÓN
CARRERA DE DOCENCIA EN INFORMÁTICA
RICARDO JARA

2. LISTAS NO
ORDENADAS
Se las define por
los siguientes
códigos
Etiqueta <ul> y
cierre </ul>
Etiqueta <li>
coloca viñetas
definidas, viñetas
personalizadas
ejemplo: <li
type="disc“>
type=“circle” es
una viñeta de
circulo vacio
type=“square” es
una viñeta de
cuadrado relleno
Type=“disc” es
una viñeta de
circulo relleno

3. LISTAS ORDENADAS
<ol> y para el cierre </ol>
Se utiliza el <li> de la
misma forma que en las
listas no ordenadas
<ol>
<li > Hola </li>
<li> Que tal </li>
</ol>
Visualización
1. Hola
2. Que tal
Para obtener que empiece
la lista con el numero que
deseamos usamos “value”
Estas son enmarcadas por
los siguientes códigos

4. Si escribimos varios
listados de definición,
éstas se separarán
automáticamente.
Ejemplo:
<dl>
<dt>Deporte</dt>
<dd>es una forma de llevar una vida sana</dd>
</dl>