Está en la página 1de 3

LISTAS HTML5

TIPOS DE LISTAS

Las listas estn compuestas por listas ordenas, no ordenadas y de definicin.

ORDENADAS

Inicia con la etiqueta <ol> y todos los elementos enumerados van en un <li> no olvidar cerrar las

respectivas etiquetas, Ejemplo:

1 <ol>
2 <li>uno</li>
3 <li>dos</li>
4 <li>tres</li>
</ol>
5

Y se muestra de esta forma

i. Letra A

ii. Letra B

iii. Letra C

Las listas tambin pueden variar entre nmeros romanos, letras del abecedario y otros. Ejemplo

1 <ol type="A">
2 <li>Letra A</li>
3 <li>Letra B</li>
4 <li>Letra C</li>
</ol>
5

A. Letra A

B. Letra B

C. Letra C

<ol type="i">
1 <li>Letra A</li>
2 <li>Letra B</li>
3 <li>Letra C</li>
</ol>
4
5

i. Letra A

ii. Letra B

iii. Letra C

De esta forma comenzar enumerando desde la posicin deseada

1 <ol type="i" start="5">


2 <li>uno</li>
3 <li>dos</li>
4 <li>tres</li>
</ol>
5

Y se muestra de esta forma

uno

dos

tres

NO ORDENADAS

Inicia con la etiqueta <ul> y todo los elementos enumerados van en un <li> no olvide cerrar las

respectivas etiquetas, Ejemplo:</p>


LISTAS DE DEFINICIN

Sirven para definir trminos

<dl>

Etiqueta para ingresar las listas de definicin.

<dt>

En esta etiqueta va el trmino a definir.

<dd>

Definicin del termino.

1 <dl>
2 <dt> Lpiz:</dt>
3 <dd>Es utilizado para dibujar y escribir</dd>
4 </dl>

Se mostrar de esta forma

Lpiz:

Es utilizado para dibujar y escribir

También podría gustarte