UNIERSIDAD TÉCNICA DE AMBATOFACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACIÓNCARRERA DE DOCENCIA EN INFORMÁTICARICARDO JARA

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

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. Hola2. Que tal

Para obtener que empiece la lista con el numero que deseamos usamos “value”

Estas son enmarcadas por los siguientes códigos

LISTAS DE DEFINICIONES

Se usa los siguientes códigos <dl>, <dt> y

<dd>.

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>