listas en html

10

Transcript of listas en html

Page 1: listas en html
Page 2: listas en html

Listas

<UL> <OL> <LI>

Junto con encabezados y párrafos, son otro de los elementos HTML más comunes. Pueden darse cinco tipos diferentes de listas, cada uno con

tags distintas aunque con alguna en común:

Page 3: listas en html

LISTAS

1. Listas numeradas

u ordenadas.

2. Listas con viñetas o sin orden

3. Listas de menú y de directorio.

4. Listas de glosario

5. Listas anidadas.

Page 4: listas en html

Listas numeradas u ordenadas:

<HTML> <HEAD> <TITLE>Ejemplo 6</TITLE> </HEAD> <BODY>

<H1>Listas</H1> Una lista ordenada <ol> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ol> <br><br>

Page 5: listas en html

Listas con viñetas o sin orden

<ul> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul> <br><br>

Page 6: listas en html

Listas de glosario

<dl> <dt>T&eacute;mino 1</dt> <dd>Definici&oacute;n 1</dd> <dt>T&eacute;mino 2</dt> <dd>Definici&oacute;n 2</dd> </dl> <br><br>

Page 7: listas en html

Listas anidadas

<ul> <li>Uno

<ul> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul>

</li> <li>Dos</li> <li>Tres</li> </ul> </BODY> </HTML>

Page 8: listas en html
Page 9: listas en html
Page 10: listas en html

¡GRACIAS!