Virtualnauta
Sea protagonista de la Web

Virtualnauta > Manual HTML > Listas

Listas de HTML

Tablas Formularios


¿Qué son las listas de HTML?


Las listas nos permiten ordenar o enumerar datos o elementos para facilitar su lectura.

Tenemos tres tipos de listas:


Listas Ordenadas


Son aquellas que ordenan la lista anteponiendo números ,letras o signos.


Las listas ordenadas comienzan con la etiqueta <ol> y para cada uno de los items utilizamos la etiqueta <li>.


Código

<ol>
   <li>Naranjas</li>
   <li>Manzanas</li>
   <li>Bananas</li>
</ol>
Resultado

  1. Naranjas
  2. Manzanas
  3. Bananas

Dentro de cada Item se pueden agregar imágenes, párrafos, otras listas, etc.



Listas Desordenadas


Exponen la lista anteponiendo un punto, cuadrado o triángulo negro.


Las listas desordenadas comienzan con la etiqueta <ul> y para cada uno de los Items utilizamos la etiqueta <li>.


Código

<ul>
   <li>Tomates</li>
   <li>Pepinos</li>
   <li>Cebollas</li>
</ul>
Resultado

  • Tomates
  • Pepinos
  • Cebollas

Dentro de cada Item se pueden agregar imágenes, párrafos, otras listas, etc.



Listas de definición


Se utilizan para definir términos.


Las listas de definición se representan con la etiqueta <dl>.

Los términos de las mismas con <dt>.

La definición de esos términos comienza con <dd>.


Código

<dl>
   <dt>Chocolate</dt>
      <dd>Elaborado a base de cacao</dd>
   <dt>Caramelo</dt>
      <dd>Elaborado a base de azucar</dd>
</dl>
Resultado

Chocolate
Elaborado a base de cacao
Caramelo
Elaborado a base de azucar

Dentro de las etiquetas <dd> se pueden agregar imágenes, párrafos, otras listas, etc.




Etiquetas y atributos de las listas


Etiquetas Atributos Valor Descripción Ej.
<ol>     Define una lista ordenada. Ejemplo
compact
Desaprobado
  Representa la lista de un modo más compacto. Use CSS en su lugar. Sin ejemplo
start
Desaprobado
número del 1° objeto Especifica el número del primer objeto de una lista. Use CSS en su lugar. Sin ejemplo
type
Desaprobado
A Especifica el estilo de un objeto de lista. Use CSS en su lugar. Sin ejemplo
a Sin ejemplo
I Sin ejemplo
i Sin ejemplo
1 Sin ejemplo
<ul>     Define una lista desordenada. Ejemplo
compact
Desaprobado
  Representa la lista de un modo más compacto. Use CSS en su lugar. Sin ejemplo
type
Desaprobado
disc Especifica el estilo de un objeto de lista. Use CSS en su lugar. Sin ejemplo
square Sin ejemplo
circle Sin ejemplo
<li>     Define el comienzo del Item. Ejemplo
type
Desaprobado
disc Especifica el estilo de un objeto de lista. Use CSS en su lugar. Sin ejemplo
square Sin ejemplo
circle Sin ejemplo
A Sin ejemplo
a Sin ejemplo
I Sin ejemplo
i Sin ejemplo
1 Sin ejemplo
value
Desaprobado
número del objeto Establece el número del objeto de lista actual. Use CSS en su lugar. Sin ejemplo
<dl>     Define una lista de definición. Ejemplo
<dt>     Términos de los objetos de lista. Ejemplo
<dd>     Descripción de los objetos de lista. Ejemplo
<dir>
Desaprobado
    Actúa como <ul>. Sin ejemplo
<menu>
Desaprobado
    Actúa como <ul>. Sin ejemplo

Atributos estándard

id, class, title, style, dir, lang

Si desea una descripción completa, diríjase a: atributos estándard.


Eventos intrínsecos

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Si desea una descripción completa, diríjase a: eventos intrínsecos.



Tablas Formularios

Búsqueda

 

Otros tutoriales

CSS
Herramientas Utiles

Google

Diseño Web

Diseño Web

Intercambio

Banners
Links

    Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

Copyright 2007 - 2008 by Martín Solomiak. Todos los derechos reservados.


webmaster@virtualnauta.com

Mapa del sitio Valid XHTML 1.0 Transitional Valid CSS!