Listas con viñetas

Estas listas generan viñetas 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: <ul> y </ul> (ambas obligatorias)
Sus principales atributos genéricos son:
style - (estilo) define estilos.
Sus principales atributos de transición son:
type - (tipo) estilo de viñeta.
Valores posibles: 'disc' (disco), 'circle' (círculo) 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: <li> y </li> (la de cierre opcional ¡úsala de todos modos!)
Sus principales atributos genéricos son:
style - define estilos.
Sus principales atributos de transición son:
type - tipo de viñeta.
Valores posibles: Los mismos que en ul; 'disc', 'circle' y 'square'
Ejemplo:
<ul>
<li>Listas ordenadas</li>
<li>Listas no ordenadas</li>
<li>Listas de definiciones</li>
</ul>

El resultado será este:

Listas ordenadas

Listas no ordenadas

Listas de definiciones

define estilos. Empezamos 2.Subraya las palabras de la lista. pero no subraya las viñetas de la lista en sí. Ejemplo: <ol style="text-decoration: underline"> <li>Empezamos</li> <li>Continuamos</li> <li>Terminamos</li> El resultado será este: 1. Continuamos 3. Continuamos 3. Valores posibles: text-decoration: underline. . Terminamos </ol> Si aplicamos el valor solo a una de las etiquetas <li> el valor se aplicará solo a dicha parte. Sus etiquetas son: <ol> y </ol> (ambas obligatorias) Sus principales atributos genéricos son: style .  Elemento ol (ordered list = lista ordenada) Es el que define y delimita la lista. Terminamos .Listas Ordenadas Son listas en las que la información se muestra secuenciada numérica o alfabéticamente. Ejemplo: <ol> <li>Empezamos</li> <li style="text-decoration: underline">Continuamos</li> <li>Terminamos</li> </ol> El resultado será este: 1. Empezamos 2. Para construirlas emplearemos los elementos: ol y li.

'a' . 'I' . Es el que define y delimita cada uno de los puntos de la lista. Sus etiquetas son: <li> y </li> (la de cierre opcional ¡úsala de todos modos!) Sus principales atributos genéricos son: style . value . start . Sus principales atributos de transición son: type . Terminamos .secuencia alfabética en minúscula. 'A' . 'i' . Valores posibles: un número.secuencia alfabética en mayúscula.valor inicial de la secuencia.Sus principales atributos de transición son: type . Continuamos 3.tipo de secuencia. 'A'.  Elemento li. 'I'. 'i'.secuencia numérica romana en minúscula. Valores posibles: '1' . 'a'.tipo de secuencia. Empezamos 2. Valores posibles: un número.valor de reinicio de la secuencia.secuencia numérica romana en mayúscula. Valores posibles:'1'. Ejemplo de lista ordenada <ol> <li>Empezamos</li> <li>Continuamos</li> <li>Terminamos</li> </ol> El resultado será este: 1.secuencia numérica.define estilos.

Ejemplo de lista ordenada con secuencia numérica romana en minúscula <ol type="i"> <li>Empezamos</li> <li>Continuamos</li> <li>Terminamos</li> </ol> El resultado será este: i. Sus etiquetas son: <dl> y </dl> (ambas obligatorias)  Elemento dt Es el que define y delimita el concepto a definir. dt y dd. Continuamos iii. Para construirlas emplearemos los elementos: dl. Sus etiquetas son: <dd> y </dd> (la de cierre. ¡úsala de todos modos!) Las listas de definiciones se puede anidar. Verificando Lista de Definiciones Son listas en las que la información se divide en dos secciones: concepto y definición. opcional.  Elemento dl Es el que define y delimita la lista. opcional. Sus etiquetas son: <dt> y </dt> (la de cierre. Empezamos ii. <dl> <dt>HTML</dt> <dd>HyperText Markup Language</dd> <dt>WWW</dt> <dd>World Wide Web</dd> </dl> El resultado será este: HTML HyperText Markup Language WWW World Wide Web . Terminamos iv. ¡úsala de todos modos!)  Elemento dd Es el que define y delimita la definición del concepto.