lunes, 8 de septiembre de 2014

Listas (No ordenadas, Ordenadas, de Definición y Menús)

Listas



En el lenguaje html es posible mostrar el texto en forma de lista o numeración.

Existen tres tipos de listas que podemos utilizar:

No Ordenadas: en las cuales se mostrara un símbolo para indicar a los diferentes elementos de la lista.
Ordenadas: en las que se utilizara un numero para indicar el orden de los elementos que integran a la lista.
De Definición: que están compuestas por términos o expresiones y su definición, así como el texto que estas leyendo en este momento de las listas No ordenadas Ordenadas y de Definición.

No Ordenadas

En este tipo de listas se utiliza como marcador un símbolo que puede ser un circulo (circle), un disco (disc) o un cuadrado (square) para indicar sus elementos.

Para crear este tipo de listas se usa el siguiente formato:

<UL TYPE=disc>
          <LI> Elemento 1 de la lista 
          <LI> Elemento 2 de la lista 
          <LI> Elemento 3 de la lista 
          <LI> Elemento 4 de la lista 
</UL>

<UL TYPE=circle>
          <LI> Elemento 1 de la lista 
          <LI> Elemento 2 de la lista 
          <LI> Elemento 3 de la lista 
          <LI> Elemento 4 de la lista 
</UL>

<UL TYPE=square>
          <LI> Elemento 1 de la lista 
          <LI> Elemento 2 de la lista 
          <LI> Elemento 3 de la lista 
          <LI> Elemento 4 de la lista 
</UL>

Ordenadas OL

En este tipo de listas se utiliza un numero o elemento de orden que pueden ser letras minúsculas, bien números latinos para etiquetar los diferentes elementos de la misma.

Para crear este tipo de listas se usa el siguiente formato.

<OL TYPE="tipo">
          <LI> Elemento 1 de la lista 
          <LI> Elemento 2 de la lista 
          <LI> Elemento 3 de la lista 
          <LI> Elemento 4 de la lista 
</OL>

Donde "tipo" es el símbolo de numeración de nuestra lista ordenada y puede tomar alguno de los siguiente valores permitidos.


Valor Destacado
1 La numeración se presenta con números arábigos, en caso de que faltase el atributo TYPE, se presenta numerada así por omisión
a Numeración con letras minúsculas de la forma a, b, c, etc.
A Numeración con letras mayúsculas de la forma A, B, C, etc.
i Numeración con números romanos en minúsculas de la forma i, ii, iii, iv, v, etc.
I Numeración con números romanos en mayúsculas de la forma I, II, III, IV, V ,etc.

De Definición <DL>, <DT> y <DD>

En este tipo de lista se incluyen dos elementos por un lado la definición, que aparece junto al borde izquierdo, y por el otro termino, que aparece tabulado a la derecha.

Afortunadamente aquí se puede incluir solo la definición, solo el termino o ambos.
Para crear este tipo de listas se usa el siguiente formato.

<DL>
          <DT> Termino a definir 1
                    <DD> Definición del termino 1 
          <DT> Termino a definir 2
                    <DD> Definición del termino 2
          <DT> Termino a definir n
                    <DD> Definición del termino n
</DL>

Menú <MENU>

Este tipo de lista tiene el mismo propósito que la lista no ordenada, pero el resultado final es una lista mas compacta, es decir con menos espacios entre elementos.

Para crear una lista con menú utilizaremos la etiqueta <MENU>...</MENU> y cada uno de sus elementos estarán dentro de una etiqueta <LI>...</LI>, de acuerdo con la siguiente estructura.

<MENU>
          <LI> Elemento 1 del menú 
          <LI> Elemento 2 del menú 
          <LI> Elemento 3 del menú 
          <LI> Elemento 4 del menú 
</MENU>



No hay comentarios:

Publicar un comentario