Listas de Html

Listas Numeradas:

Este tipo de listas numera los elementos de lista en el orden en el que se han introducido en el código HTML. La numeración se realiza con números empezando por el 1. 

Las últimas extensiones de HTML permiten elegir entre distintos tipos de numeración para las listas ordenadas. Estas extensiones serán cubiertas en un capítulo posterior.

Este tipo de listas queda delimitado por la etiqueta <OL>...</OL> (OL: Ordered List, Lista ordenada), y cada elemento se inserta, al igual que en el caso de listas no ordenadas, con la etiqueta <LI>.
En la figura 4.5 vemos un ejemplo de uso de listas ordenadas 

es decir listas de definiciones o de descripciones. El principio y final de este tipo de listas se delimitan con la etiqueta <DL>...</DL > (DL: Definition List, Lista de definición). La inserción de elemento es ligeramente distinta a la del resto de listas ya que no se usa la etiqueta <<LI>>. 

Listas no Numeradas:

Este tipo de lista se usan para enumerar elementos que no tengan un orden definido. Se especificará con el elemento <UL>, todo lo que se incluya dentro de esta etiqueta y la de cierre formará la lista. Con los elementos <LI> se indicarán cada uno de los componentes de la lista. El formato es el siguiente:


Para marcar los distintos elementos de la lista se usarán unos símbolos, que pueden ser un disco (DISK), un circulo (CIRCLE) ó un cuadrado (SQUARE), seleccionables con el atributo TYPE.
Con la etiqueta <LH> definiremos el titulo de la lista, este es opcional y aparecerá en la parte superior de esta.
Igualmente es posible definir listas de varios niveles, que será listas anidadas, listas dentro de listas. Y combinar este tipo de lista con las que se explicarán en los proximos apartados. 

Listas de definicion:

En esta lista existirán dos elementos la definición y el termino, se usará principalmente para listas en las que se incluirán una palabra o frase y su definición (diccionario). El termino aparecerá pegado en el borde izquierdo y la definición aparecerá ligeramente tabulada a partir del borde izquierdo. 

Se puede usar de forma separada la definición y el termino, pudiendo por tanto incluir solo definiciones o solo términos. El incluir solo términos podría usarse para sangrar el comienzo de un párrafo.

Imagen de HTML:



  Video de como crear Listas De HTML: