Debe introducir al menos 3 caracteres en el buscador.
Inicio / Wikis / Tutoriales / Completo tutorial de HTML - Listas III

Completo tutorial de HTML - Listas III

 ****- (6 opiniones)
GNU Free Documentation License Tutorial de Indaya.com - 11 de Septiembre de 2005
Temas Relacionados: HTMLProgramación web
11. Listas III
Terminamos el tema de listas estudiando las listas de definición. Veremos
también la anidación de listas.
Listas de definición
Cada elemento es presentado junto con su definición. La etiqueta principal es
<dl> y </dl> (definition list). La etiquetas del elemento y su definición son <dt>
(definition term) y <dd> (definition definition) respectivamente.
Aquí os proponemos un código que podrá aclarar este sistema:
<p>Diccionario de la Real Academia</p>
<dl>
    <dt>Brujula
    <dd>Señórula montada en una escóbula
    <dt>Oreja
    <dd>Sesenta minutejos
</dl>
El efecto producido: 

Diccionario de la Real Academia


Brujula
Señórula montada en una escóbula
Oreja
Sesenta minutejos





Fijaos en que cada línea <dd> esta desplazada hacia la izquierda. Este tipo
de etiquetas son usadas a menudo con el propósito de crear textos más o menos
desplazados hacia la izquierda.
El código:
<dl>
<dd>Primer nivel de desplazamiento
    <dl>
       <dd>Segundo nivel de desplazamiento
       <dl>
          <dd>Tercer nivel de desplazamiento
       </dl>
    </dl>
</dl>
El resultado:

Primer nivel de desplazamiento
Segundo nivel de desplazamiento
Tercer nivel de desplazamiento


Anidando listas
Nada nos impide utilizar todas estas etiquetas de forma anidada como hemos visto
en otros casos. De esta forma, podemos conseguir listas mixtas como por ejemplo:
<p>Ciudades del mundo</p>
<ul>
    <li>Argentina
    <ol>
       <li>Buenos Aires
       <li>Bariloche
    </ol>
    <li>Uruguay
    <ol>
       <li>Montevideo
       <li>Punta del Este
    </ol>
</ul>
De esta forma creamos una lista como esta:
Ciudades del mundo




  • Argentina


    1. Buenos Aires
    2. Bariloche

  • Uruguay


    1. Montevideo
    2. Punta del Este

Autor y licencia de 'Completo tutorial de HTML - Listas III'
Indaya.com Extraído de: http://www.indaya.com GNU Free Documentation License
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.

Wikis relacionados con 'Completo tutorial de HTML - Listas III'

Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones... Más »
PHP es uno de los lenguajes de lado servidor más extendidos en la web. Nacido... Más »
Amplio tutorial de Java para empezar a trabajar y ampliar conocimientos de este lenguaje.
Este tutorial presenta los conceptos básicos de líneas de transmisión (Transmission lines), así como una... Más »
¿Estás seguro de que deseas eliminar este capítulo?