[Anterior] [Indice] [email] [Siguiente]

Listas y definiciones

Una forma de estructurar la información dentro de una página es el uso de los códigos de listas y los de definiciones. De esa forma podremos ordenar el texto de una forma jerarquizada como si se tratase de unos apuntes.

Hay varios códigos para estructurar de esta forma, pero los principales son <OL>, <UL> y <DL>. Y si queremos aprovechar las características de información que proporciona el HTML podremos usar <MENU> o <DIR>.

En todos ellos, menos en la lista de definiciones, <DL>, cada nuevo elemento se introduce con el código <LI>, pudiendo estar unas listas anidadas dentro de otras.

<ol>
 <li>Introducción
 <li>Páginas Web
  <ul>
   <li>Códigos básicos
   <li>Imágenes
   <li>Enlaces de hipertexto
  </ul>
 <li>El FTP
 <li>Glosario
</ol>

  1. Introducción
  2. Páginas Web
    • Códigos básicos
    • Imágenes
    • Enlaces de hipertexto
  3. El FTP
  4. Glosario

Las listas de definiciones funcionan de un modo diferente, ya no tenemos un código para diferenciar una línea sino que tenemos dos, uno para remarcar el término a definir (<DT>) y otro para indicar la definición (<DD>). De esta forma:

<dl>
 <dt>FTP<dd>File Transfer Protocol
 <dt>HTML<dd>Hyper Text Mark-up Language
 <dt>WWW<dd>World Wide Web
</dl>

FTP
File Transfer Protocol.
HTML
Hyper Text Mark-up Language.
WWW
World Wide Web.

WS Código Atributos Descripción
[En WebScope] DIR <LI> Directorio.
[En WebScope] DL <DT>
<DD>
Lista de definiciones.
[En WebScope] MENU <LI> Menú de opciones.
[En WebScope] OL <LI>
TYPE="[a|A|i|I|1]"
START="n"
Lista ordenada. "Type" define el sistema de numeración de la lista y "Start" el número de comienzo de la misma.
[En WebScope] UL <LI>
TYPE="[disc|circle|square]"
Lista no ordenada. "Type" especifica el estilo de la puntuación empleada.

Formato de texto


 Página diseñada con WebScope.
WebScope.
 By Quintus