Internet Fax To Email - Unlimited
Unlimited Faxes, No Fees, Dedicated Phone Number
Unlimited Faxes, No Fees, Dedicated Phone Number
El lenguaje HTML proporciona un modo sencillo de representar elementos en forma de lista. Dentro de una lista de puede incluir cualquiera de los elementos HTML, e igualmente una lista puede incluirse dentro de formularios, tablas, etc.
Existen principalmente tres tipos de listas: las listas no ordenadas, las listas ordenadas y las listas de definiciones.
Cada uno de los elementos de una lista ha de insertarse entre las etiquetas <li> y </li>.
Por ejemplo, para insertar en una lista los siguientes elementos:
Perro
Gato
Periquito
Habría que escribir:
...
<li>Perro</li>
<li>Gato</li>
<li>Periquito</li>
...
Todos los elementos de la lista deberán encontrarse entre las etiquetas que indiquen si la lista es desordenada (con viñetas) u ordenada (numerada) como veremos a continuación.
Para que una lista sea desordenada, sus elementos deberán encontrarse entre las etiquetas <ul> y </ul>.
Lista desordenada <ul>
Para que una lista sea desordenada, sus elementos deberán encontrarse entre las etiquetas <ul> y </ul>.
A través del atributo type es posible elegir el tipo de viñeta, que puede ser circle (círculo), disc (disco) o square (cuadrado).
Por ejemplo, para insertar la siguiente lista:
- Perro
- Gato
- Periquito
Habría que escribir:
<ul type="circle">
<li>Perro</li>
<li>Gato</li>
<li>Periquito</li>
</ul>
Lista ordenada <ol>
Para que una lista sea ordenada, sus elementos deberán encontrarse entre las etiquetas <ol> y </ol>.
A través del atributo type es posible elegir el tipo de numeración, que puede ser 1 (números), a (letras minúsculas), A (letras mayúsculas), i (números romanos en minúsculas) o I (números romanos en mayúsculas).
Por ejemplo, para insertar la siguiente lista:
- Perro
- Gato
- Periquito
Habría que escribir:
<ol type="i">
<li>Perro</li>
<li>Gato</li>
<li>Periquito</li>
</ol>
<DL>
Listas de definiciones
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.
<DL>
<LH>Titulo de la lista
</LH>
<DT>Termino 1
<DD>Definición 1
<DT>Termino 2
<DD>Definición 2
. . .
<DD>Termino N
<DT>Definición
N
</DL>
|
Ejemplo: |
|
|
Instrucción HTML |
<DL > <LH>Vehiculos</LH> <DT> Coche <DD> Vehiculo de cuatro ruedas <DT> Moto <DD> Vehiculo de dos ruedas </DL> |
|---|---|
| Resultado |
Vehiculos |
| Explicación | Como se ve se coloca en una posición la definición y en otra el termino. |
El
titulo de las lista <LH> como en
los casos anteriores es opcional.
Anidar listas
Es posible anidar listas dentro de otras. Estas listas pueden ser tanto desordenadas como ordenadas.
Por ejemplo, para insertar la siguiente lista:
- Lunes
- Ingles
- Francés
- Martes
- Ingles
- Corrección de ejercicios
- Proponer ejercicios
Habría que escribir:
|