-Tutoriales
DreamweaverHTMLPhotoshopPrimeros pasos-Recursos
PlantillasCalendariosSoftwareRelojesFuentes de textoHosting-Graficos
Cabeceras webCursoresFondos WebBarras y separadoresHTML | Leccion 5: Listas <ul> <ol> <li>
Fecha: 2011-04-01Listas en HTML
Para crear listas se usan los siguientes TAG de HTML.
<ol> Se usar para crear listas ordenadsa
<ul> Sirve para crear listas desordenadas.
<li> Especifica cada fila de la lista como se muestra en los siguientes ejemplos.
Todos los TAG indicados mas arriba se deven de cerrar al final como se muestra en el ejemplo.
Ejemplo:
Lista sin ordenar
<ul>
<li>Primero</li>
<li>Segundo</li>
<li>Tercero</li>
</ul>
Lista ordenada
<ol>
<li>Primero</li>
<li>Segundo</li>
<li>Tercero</li>
</ol>
<ul>
<li>Primero</li>
<li>Segundo</li>
<li>Tercero</li>
</ul>
Lista ordenada
<ol>
<li>Primero</li>
<li>Segundo</li>
<li>Tercero</li>
</ol>
Se veria asi:
Lista sin ordenar
- Primero
- Segundo
- Tercero
- Primero
- Segundo
- Tercero
Tambien se pueden anidar como en el ejemplo:
<ul>
<li>Primero
<ol>
<li>Primero</li>
<li>Segundo</li>
<li>Tercero</li>
</ol>
</li>
<li>Segundo</li>
<li>Tercero</li>
</ul>
<li>Primero
<ol>
<li>Primero</li>
<li>Segundo</li>
<li>Tercero</li>
</ol>
</li>
<li>Segundo</li>
<li>Tercero</li>
</ul>
Se veria asi:
- Primero
- Primero
- Segundo
- Tercero
- Segundo
- Tercero
