listas

4
UNIVERSIDAD TÉCNICA DE AMBATO FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACIÓN CARRERA DE DOCENCIA EN INFORMÁTICA PROGRAMACIÓN WEB Alumna: Alexandra Machasilla Semestre: Séptimo

Upload: alexandra-machasilla

Post on 21-Jan-2017

105 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Listas

UNIVERSIDAD TÉCNICA DE AMBATO FACULTAD DE CIENCIAS HUMANAS Y DE LA

EDUCACIÓN CARRERA DE DOCENCIA EN INFORMÁTICA

PROGRAMACIÓN WEB

Alumna: Alexandra Machasilla Semestre: Séptimo

Page 2: Listas

<ul><li type="circle">circulo.</li>

<li type="square">rectangulo.</li><li type="disc">circulo relleno.</li>

</ul>

Listas No OrdenadasVan dentro de la

etiqueta <ul> y de su cierre </ul>.

La etiqueta <li>, ésta se generará de forma automática

al atributo “type” podemos definir el símbolo del punto

EJEMPLO

Page 3: Listas

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

Listas OrdenadasVan enmarcadas

dentro de las etiquetas <ol> </ol>.

<li>. Pero al ser listas ordenadas los símbolos serán

números

Esta se va generando automáticamente por

orden

EJEMPLO

1. 202. 153. 25

Page 4: Listas

<dl><dt>Aquí va el término que definiremos</dt><dd>Y aquí dentro irá la definición propiamente dicha.</dd></dl><dl><dt>Aquí va la segunda definición</dt><dd>Y aquí dentro irá la segunda definición, separada automáticamente de la anterior.</dd></dl>

Listas de DefinicionesPodemos usar las

etiquetas <dl>, <dt> y <dd>.

La etiqueta <dl> nos indica que dentro de ella, entre ella y su cierre, va a

ir una definición.

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

vamos a definir. Para entendernos mejor, dentro de <dt> iría el título de la

definición.

La etiqueta <dd> nos dice que dentro de ésta irá la

definición.

EJEMPLO

Aquí va el término que definiremosY aquí dentro irá la definición propiamente dicha.Aquí va la segunda definiciónY aquí dentro irá la segunda definición, separada automáticamente de la anterior.