Listas en HTML
Es muy común en las páginas
WEB, que algunos textos se ordenen de acuerdo con ciertos criterios: mediante
listas ordenadas con tabulaciones; en listados sin ningún orden, o en listados
ordenados mediante numeración de diversos niveles, como lo haríamos en Word con
Numeración y Viñetas.
Listas Desordenadas
La instrucción en el código
que permite construir listas desordenadas es <UL> y </UL>, el texto
que se ubique entre estas etiquetas, además deberá comenzar con el indicador
<LI>, que definen cada una de las líneas que componen el listado.
<UL>
<LI>Uvas
<LI>Manzanas
<LI>Peras
<LI>Cacahuates
<LI>Melones
<LI>Cerezas
</UL>
Listas Ordenadas
Listas con un orden que se
da mediante números o letras, se escriben entre las etiquetas <OL > y
</OL>, además, también deberán comenzar con el indicador <LI>.
<OL>
<LI>Uvas
<LI>Manzanas
<LI>Peras
<LI>Cacahuates
<LI>Melones
<LI>Cerezas
</OL>
Si desea comenzar el listado
con un número diferente a 1 (4 por ejemplo), agregar el atributo START a la
etiqueta de inicio, o VALUE a la primera línea:
<OL start=4> o <LI
value=4>
Para ordenar con letras, o
cualquier otro símbolo:
<OL type=a>
<OL type=i>
<OL type=I>
<OL type=#>
Actividad:
1 Copia el código a un bloc de notas, observa como lo interpreta el
navegador
2 Cambia la lista con otras palabras de un tema que prefieras
3 Inserta dos listas más una ordenada y otra desordenada
4 Centra el texto,negritas,lineas etc.
4 Modifica el color y tamaño de fuente
5 Cambia el color de la pantalla.
<HTML>
<TITLE>Listado
no ordenado</TITLE>
<BODY>
<P><CENTER><H2>Listado
desordenado</H2></CENTER></P>
<HR
noshade>
<H3>
<UL>
<LI>Uvas
<LI>Manzanas
<LI>Peras
<LI>Cacahuates
<LI>Melones
<LI>Cerezas
</UL>
<H3>
</BODY>
</HTML>
