Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a XHTML que contiene a XHTML: creación de listas (ordenadas, desordenadas y de definiciones)

Datos de búsqueda

XHTML: creación de listas (ordenadas, desordenadas y de definiciones)

Existen tres tipos de listas:

  • Listas desordenadas.
  • Listas ordenadas.
  • Listas de definiciones.

Listas desordenadas

Para crear listas desordenadas se utilizarán las etiquetas ul y li. Con la etiqueta ul se delimitará la lista, y con la etiqueta li se delimitarán los elementos de la lista.

Este es el código XHTML de una lista desordenada (ver resultado en el navegador):

<ul>
 <li>Elemento 1</li>
 <li>Elemento 2</li>
 <li>Elemento 3</li>
</ul>

Listas ordenadas

Se trata de listas numeradas. Funcionan de la misma forma que las ordenadas, pero cambiando la etiqueta ul por la etiqueta ol.

Este es el código XHTML de una lista ordenada (ver resultado en el navegador):

<ol>
 <li>Elemento 1</li>
 <li>Elemento 2</li>
 <li>Elemento 3</li>
</ol>

Listas de definiciones

Las listas de definiciones quedan delimitadas mediante la etiqueta dl. Cada elemento de la definición se divide en dos partes:

  • El término, delimitado por la etiqueta dt.
  • La definición delimitada por la etiqueta dd.

Este es el código XHTML de una lista de definiciones (ver resultado en el navegador):

<dl>
 <dt>Término 1.</dt>
 <dd>Texto asociado al término 1.</dd>
 
 <dt>Término 2.</dt>
 <dd>Texto asociado al término 2.</dd>
 
 <dt>Término 3.</dt>
 <dd>Texto asociado al término 3.</dd>
</dl>

Artículo relacionado: XHTML: Listas anidadas.

Referencia y enlaces relacionados

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio