Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 2

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 2

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 4

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 4

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/administrator/manifests/packages/include.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 14

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/administrator/manifests/packages/include.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 14

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/templates/virtualnautaejemplo/classes/header.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 16

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/templates/virtualnautaejemplo/classes/header.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 16

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 18

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 18

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/components/com_search/views/object.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 6

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/components/com_search/views/object.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 6

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/administrator/language/en-GB/footer.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 8

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/administrator/language/en-GB/footer.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 8

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 10

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 10

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 12

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 12

Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /home/content/20/9214920/html/joomla/includes/framework.php:2) in /home/content/20/9214920/html/joomla/libraries/joomla/session/session.php on line 532

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/content/20/9214920/html/joomla/includes/framework.php:2) in /home/content/20/9214920/html/joomla/libraries/joomla/session/session.php on line 532
Listas HTML listados y enumeración - Virtualnauta.com - Tutorial HTML

Listas - Listados

Las listas son ideales para el diseño de menús.


Las listas

Las listas nos permiten ordenar o enumerar datos o elementos para facilitar su lectura.
Tenemos tres tipos de listas:


  • Ordenadas.
  • Desordenadas.
  • De definición.


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 de la misma, utilizamos la etiqueta <li>.

Ejemplo

Vamos a crear una lista ordenada

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 de la misma utilizamos la etiqueta <li>.

Ejemplo

Código
<ul>
<li>Tomates</li>
<li>Pepinos</li>
<li>Cebollas</li>
</ul>
Resultado
  • Tomates
  • Pepinos
  • Cebollas

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>.

Ejemplo

Código
<dl>
<dt>Chocolate</dt>
<dd>Elaborado a base de cacao</dd>
<dt>Caramelo</dt>
<dd>Elaborado a base de azúcar</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ónEj.
<ol> Define una lista ordenada. Ejemplo de como definir una lista ordenada números o letras
compact
Desaprobado
Representa la lista de un modo más compacto. Use las propiedades de las listas en CSS en su lugar. Sin ejemplo
start
Desaprobado
número del 1° objeto Especifica el número del primer objeto de una lista. Use las propiedades de las listas en CSS en su lugar. Sin ejemplo
type
Desaprobado
A Especifica el estilo de un objeto de lista. Use las propiedades de las listas en CSS en su lugar. Sin ejemplo
a Sin ejemplo
I Sin ejemplo
i Sin ejemplo
1 Sin ejemplo
<ul> Define una lista desordenada. Ejemplo de como definir una lista remarcada con puntos o símbolos
compact
Desaprobado
Representa la lista de un modo más compacto. Use las propiedades de las listas en CSS en su lugar. Sin ejemplo
type
Desaprobado
disc Especifica el estilo de un objeto de lista. Use las propiedades de las listas en CSS en su lugar. Sin ejemplo
square Sin ejemplo
circle Sin ejemplo
<li> Define el comienzo del Item. Ejemplo del uso de la etiqueta li para definir cada Item
type
Desaprobado
disc Especifica el estilo de un objeto de lista. Use las propiedades de las listas en 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 las propiedades de las listas en CSS en su lugar. Sin ejemplo
<dl> Define una lista de definición. Ejemplo de como se define una lista de definición
<dt> Términos de los objetos de lista. Ejemplo de como se definen los términos de los objetos en una lista de definición
<dd> Descripción de los objetos de lista. Ejemplo de como se definen los objetos en una lista de definición
<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 deseas una descripción completa, diríjete a: atributos estándard.

Eventos intrínsecos

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

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



<<< Las tablas de HTML Los formularios de HTML >>>

En la Web