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

Listas Ordenadas

van enm arcadas dentro de las eti q uetas < ol> </o l>

Cada punto de la lista se escrib e co n la m ism a eti queta que en las no num eradas: <li>

Pero al ser listas ord enadas los sím bo los serán núm eros

EJEMPLO

<ol><li > 20. </li><li> 21. </li><li> 22. </li>

RESULTADO

1. 20.2. 21.3. 22.Listas De Definición

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.

Utilizamos las etiquetas <dl>, <dt> y <dd>

La etiqueta <dl>indica que dentro de ella, entre

ella y su cierre, va a ir una definición

La etiqueta <dt>dentro de ella irá el término que

vamos a definir

La etiqueta <dd>dentro de ésta irá la definición