calles_luis_listas_organizadores gráficos

UNIVERSIDAD TÉCNICA DE AMBATOFACULTAD DE CIENCIAS HUMANAS Y

DE LA EDUCACIÓNDocencia en Informática-VII Semestre

Estudiante: Luis Calles

Ing. Blanca Cuji

TEMA: «LISTAS en HTML»

LISTAS NO ORDENADAS

Dentro de la

etiqueta<ul></ul>

Puntos que

queremos añadir

<li></li>

Símbolo del punto

<li type=“circle”></li>Y podemos varias circle, square, disc.

EJEMPLO

<ul><li type=“circle”>Juan</li><li type=“square”>Pedro</li><li type=“disc”>Ana</li></ul>

LISTAS ORDENADASListas ordenadas

Enmarcadas dentro de:

<ol></ol>

Cada punto de la lista dentro de:

<li></li>

EJEMPLO

Ordenadas por etiquetas

<ol><li>Juan</li><li>Pedro</li><li>Ana</li></ol>

Listas de definiciones

<dl></dl>

Definition List

Dentro de ella va todo.

<dt></dt>

Definition Term

Término que vamos a describir

<dd></dd>

Definition Description

Descripción del término.

LISTAS DE DEFINICIÓN EJEMPLO

<dl> <dt> <li type="circle"> Internet </li> </dt> <dd> Es una red de redes. </dd>