Menu

Listas - Html

Há três tipos de listas em HTML:

  1. Listas Ordenadas,
  2. Listas Não Ordenadas e,
  3. Listas de Definição

Listas Ordenadas

<ol>
<li>Primeiro Item</li>
<li>Segundo Item</li>
</ol>


Isso deve gerar itens numerados. Há estilos que podemos aplicar as listas ordenadas, assim como podemos definir o item do qual ela começará.

Atributos:

type:
"A" - A, B, C, D...
"a" - a, b, c, d....
"I" - I, II, III, IV, ...
"i" - i, ii, iii, iv, ....
"1" - 1, 2, 3, 4, ....

start: para indicar o elemento inicial.


Exemplo:

<ol type="I" start=3>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

Este código gerará um lista ordenada do tipo algarismos romanos iniciando no terceiro (III).

Listas Não Ordenadas

Cria listas com pontinhos... 
Exemplo de código:

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

Listas de Definição

Cria listas para definição de algo, por exemplo, café.

<dl>
<dt>Café</dt>
<dd>Bebida quente e gostosa</dd>
<dt>Leite</dt>
<dd>Bebida derivada de animal</dd>
</dl>
Teste e veja como fica (:

Um comentário: