Con el HTML que sabemos hasta ahora ya sabriamos hacer una lista numerada, p.ej.
<P><blockquote>1.Elemento numero 1</blockquote>
<blockquote>2.Elemento numero 2</blockquote>
Este código quedaria en pantalla:
1.Elemento numero 1
2.Elemento numero 2 |
Sin embargo, nos podemos ahorrar todo este codigo bastante chapucero porque existen unos tags especificos para listas.
Tenemos tres tipos de listas: desordenadas, ordenadas y listas de definición.
Listas desordenadas:
<UL>
<LI> primer elemento
<LI> segundo elemento
</UL>
Toda la lista va entre los tag <UL>(unordered list) y </UL>, y cada elemento se señala también con el tag <LI>(list item).
El resultado es:
- primer elemento
- segundo elemento
|
Listas ordenadas:
<OL>
<LI> primer elemento
<LI> segundo elemento
</OL>
Toda la lista va entre los tag <OL>(ordered list) y </OL>, y cada elemento se señala también con el tag <LI>(list item).
El resultado es:
- primer elemento
- segundo elemento
|
Listas de definición:
<DL>
<DT> primer titulo
<DD> primera definición
<DT> segundo titulo
<DD> segunda definición
</DL>
Toda la lista va entre los tag <DL>(definition list) y </DL>, y los elementos se señalan con los tag <DT>y <DD>.
El resultado es:
- primer titulo
- primera definición
- segundo titulo
- segunda definición
|
Por último, podemos insertar listas dentro de otras listas:
<OL>
<LI> primer elemento lista 1
<UL>
<LI> primer elemento lista 2
<LI> segundo elemento lista 2
</UL>
<LI> segundo elemento lista 1
</OL>
El resultado es:
- primer elemento lista 1
- primer elemento lista 2
- segundo elemento lista 2
- segundo elemento lista 1
|
Cap 6: Enlaces
Estás en: 
