Listas en HTML
Haz una preguntaListas en HTML
Una lista es un párrafo que contiene una secuencia de artículos estructurados. HTML define tres tipos de listas: la lista ordenada, la lista no ordenada y la lista de definiciones.Lista ordenada
| Contenedor | Tipo de lista | Efecto Visual |
|---|---|---|
| <blockquote>
<li>Artículo 1</li> <li>Artículo 2</li> </blockquote> | Lista ordenada |
Artículo 1 Artículo 2 Artículo 3 |
Lista no ordenada
| Contenedor | Tipo de lista | Efecto Visual |
|---|---|---|
| <ul> <blockquote>
<li> 1 </li> <li> artículo 2 </li> </blockquote> </ul> | no ordenada |
Artículo 1 Artículo 2 Artículo 3 |
Lista de definiciones
| Contenedor | Tipo de lista | Efecto Visual |
|---|---|---|
| <dl> <blockquote>
<dt>Terme</dt> </blockquote> <blockquote> <blockquote> <dd>definição</dd> </blockquote> </blockquote> </dl> | De definición | <dl>
<dt>Artículo 1</dt> <dd>Definición 1</dd> <dt>Artículo 2</dt> <dd>Definición 2</dd> </dl> |
Atributos
Hay listas de atributos específicos:| Atributo | Valor | Efecto Visual |
|---|---|---|
| COMPACT | Reduce los espacios entre líneas | |
| PLAIN | Elimina los puntos | |
| SEQNUM | Define el primer número | |
| START | Define el primer número | |
| CONTINUE | Reinicia desde el número en el que se había detenido en la lista anterior | |
| TYPE (para listas ordenadas) | 1
A a I i | Números arábigos (estándar)
Letras mayúsculas Letras minúsculas Números romanos (I, II, III, IV...) Números romanos en minúsculas |
| TYPE (para listas no ordenadas) | Círculo
Cuadrado Disco | <ul type="circle">
Viñeta circular <ul type="square"> Viñeta cuadrada <ul type="disc"> Viñeta sólida redonda |