listas con viñetas ht,l

Listas con vietas

Estas listas generan vietas de diferentes tipos, muy parecidas a las que se utilizan en

Word, estas listas son de tipo desordenadas u ordenadas.

Listas No Ordenadas

Elemento ul

(unordered list = lista desordenada) Es el que define y delimita la lista. Sus etiquetas

son: y (ambas obligatorias)

Sus principales atributos genricos son:

style - (estilo) define estilos.

Sus principales atributos de transicin son:

type - (tipo) estilo de vieta.

Valores posibles: 'disc' (disco), 'circle' (crculo) y 'square' (cuadrado)

Elemento li

(list item = item de la lista ) Es el que define y delimita cada uno de los puntos de la

lista. Sus etiquetas son: y (la de cierre opcional sala de todos modos!)

Sus principales atributos genricos son:

style - define estilos.

Sus principales atributos de transicin son:

type - tipo de vieta.

Valores posibles: Los mismos que en ul; 'disc', 'circle' y 'square'

Ejemplo:

Listas ordenadas

Listas no ordenadas

Listas de definiciones

El resultado ser este:

Listas ordenadas

Listas no ordenadas

Listas de definiciones

Listas Ordenadas

Son listas en las que la informacin se muestra secuenciada numrica o

alfabticamente. Para construirlas emplearemos los elementos: ol y li.

Elemento ol

(ordered list = lista ordenada) Es el que define y delimita la lista.

Sus etiquetas son: y (ambas obligatorias)

Sus principales atributos genricos son:

style - define estilos.

Valores posibles:

text-decoration: underline; - Subraya las palabras de la lista, pero no subraya

las vietas de la lista en s.

Ejemplo:

Empezamos

Continuamos

Terminamos

El resultado ser este:

1. Empezamos

2. Continuamos

3. Terminamos

Si aplicamos el valor solo a una de las etiquetas el valor se aplicar solo a dicha

parte. Ejemplo:

Empezamos

Continuamos

Terminamos

El resultado ser este:

1. Empezamos

2. Continuamos

3. Terminamos

Sus principales atributos de transicin son:

type - tipo de secuencia.

Valores posibles:

'1' - secuencia numrica.

'I' - secuencia numrica romana en mayscula.

'i' - secuencia numrica romana en minscula.

'A' - secuencia alfabtica en mayscula.

'a' - secuencia alfabtica en minscula.

start - valor inicial de la secuencia.

Valores posibles: un nmero.

Elemento li.

Es el que define y delimita cada uno de los puntos de la lista. Sus etiquetas son: y

(la de cierre opcional sala de todos modos!)

Sus principales atributos genricos son:

style - define estilos.

Sus principales atributos de transicin son:

type - tipo de secuencia.

Valores posibles:'1', 'I', 'i', 'A', 'a'.

value - valor de reinicio de la secuencia.

Valores posibles: un nmero.

Ejemplo de lista ordenada

Empezamos

Continuamos

Terminamos

El resultado ser este:

1. Empezamos

2. Continuamos

3. Terminamos

Ejemplo de lista ordenada con secuencia numrica romana en minscula

Empezamos

Continuamos

Terminamos

El resultado ser este:

i. Empezamos

ii. Continuamos

iii. Terminamos

iv. Verificando

Lista de Definiciones

Son listas en las que la informacin se divide en dos secciones: concepto y definicin.

Para construirlas emplearemos los elementos: dl, dt y dd.

Elemento dl

Es el que define y delimita la lista.

Sus etiquetas son: y (ambas obligatorias)

Elemento dt

Es el que define y delimita el concepto a definir.

Sus etiquetas son: y (la de cierre, opcional, sala de todos modos!)

Elemento dd

Es el que define y delimita la definicin del concepto.

Sus etiquetas son: y (la de cierre, opcional, sala de todos modos!)

Las listas de definiciones se puede anidar.

HTML

HyperText Markup Language

WWW

World Wide Web

El resultado ser este:

HTML

HyperText Markup Language

WWW

World Wide Web