Listas
Las listas HTML más comunes están ordenadas y listas desordenadas:
Listas HTML
An ordered list:
| An unordered list:
|
Try-It-Yourself Ejemplos
Lista desordenada
Cómo crear una lista desordenada en un documento HTML.
Cómo crear una lista desordenada en un documento HTML.
Lista ordenada
Cómo crear una lista ordenada en un documento HTML.
Cómo crear una lista ordenada en un documento HTML.
(Puede encontrar más ejemplos en la parte inferior de esta página).
HTML Listas no ordenadas
Una lista sin orden comienza con la etiqueta <ul>. Cada elemento de la lista comienza con la etiqueta <li>.
Los elementos de la lista están marcados con balas (normalmente pequeños círculos negros).
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Como el código HTML anterior se ve en un navegador:
- Café
- Leche
HTML listas ordenadas
Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>.
Los elementos de la lista están marcados con los números.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Como el código HTML anterior se ve en un navegador:
- Café
- Leche
HTML Descripción Listas
Una lista de descripción es una lista de términos / nombres, con una descripción de cada término / nombre.
La etiqueta <dl> define una lista de descripciones.
La etiqueta <dl> se utiliza en conjunción con <dt> (define términos / nombres) y <dd> (describe cada término / nombre):
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Como el código HTML anterior se ve en un navegador:
- Café
- - Bebida caliente negro
- Leche
- - Bebida fría blanca
Notas básicas - Consejos útiles
Consejo: En el interior de un elemento de la lista puede colocar texto, saltos de línea, imágenes, enlaces, otras listas, etc
Más ejemplos
Los diferentes tipos de listas ordenadas
Demuestra diferentes tipos de listas ordenadas.
Demuestra diferentes tipos de listas ordenadas.
Los diferentes tipos de listas desordenadas
Demuestra diferentes tipos de listas desordenadas.
Demuestra diferentes tipos de listas desordenadas.
Lista anidada
muestra cómo se puede anidar listas.
muestra cómo se puede anidar listas.
Lista anidada 2
Muestra una lista anidada más complicado.
Muestra una lista anidada más complicado.
Descripción Lista
Muestra una lista de definiciones.
Muestra una lista de definiciones.
HTML Lista de Etiquetas
| Tag | Description |
|---|---|
| <ol> | Defines an ordered list |
| <ul> | Defines an unordered list |
| <li> | Defines a list item |
| <dl> | Defines a description list |
| <dt> | Defines a term/name in a description list |
| <dd> | Defines a description of a term/name in a description list |
No hay comentarios:
Publicar un comentario