UNIERSIDAD TÉCNICA DE
AMBATO
FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACIÓN
CARRERA DE DOCENCIA EN INFORMÁTICA
RICARDO 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. 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
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>

Trabajo2

  • 1.
    UNIERSIDAD TÉCNICA DE AMBATO FACULTADDE CIENCIAS HUMANAS Y DE LA EDUCACIÓN CARRERA DE DOCENCIA EN INFORMÁTICA RICARDO JARA
  • 2.
    LISTAS NO ORDENADAS Se lasdefine 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> ypara 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 listadosde definición, éstas se separarán automáticamente. Ejemplo: <dl> <dt>Deporte</dt> <dd>es una forma de llevar una vida sana</dd> </dl>