exemplos de html

Html Básico - Listas

Resumo escrito por:WeldonParish
LISTAS HTML

As listas em HTML são classificadas em listas ordenadas e listas não ordenadas.

                      Listas ordenadas                         Listas não ordenadas.
       
                     1 - Primeiro ítem                          - Ítem
                     2 - Segundo ítem                         - Ítem
                     3 - Terceiro ítem                          - Ítem

_______________________________________________________________________________
TENTE VOCÊ MESMO EXEMPLOS:

Uma lista não ordenada: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists4

Uma lista ordenada: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists

_______________________________________________________________________________
LISTAS HTML NÃO ORDENADAS

Uma lista não ordenada começa com a tag <ul>. Cada ítem da lista começa com a tag <li>.

Os ítens da lista aparecem demarcados por pequenas bolinhas pretas.

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Experimente o código acima no seu bloco de notas e veja o resultado.

_______________________________________________________________________________
LISTAS HTML ORDENADAS

Uma lista ordenada começa com a tag <ol>. Cada ítem da lista utiliza a tag <li>.

Os ítens da lista aparecem demarcados por números ordenados.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

Experimente o código acima no seu bloco de notas e veja o resultado.

_______________________________________________________________________________
LISTAS COM DEFINIÇÕES EM HTML
Listas com definições em HTML são listas de ítens com a descrição de cada ítem.

A tag <dl> define uma lista com definições.

A tag <dl> é utilizada com a tag <dt> (define um ítem na lista) e com a tag <dd> (define a descrição de um ítem na lista).

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Experimente o código acima no seu bloco de notas e veja o resultado.

_______________________________________________________________________________
DICAS IMPORTANTES

NOTA: O ítem de uma lista pode ser um texto, uma quebra de linha, uma imagem, um link, outra lista e etc.

_______________________________________________________________________________
TENTE VOCÊ MESMO:

Diferentes tipos de listas ordenadas:
 http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_ordered

Diferentes tipos de listas não ordenadas:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_unordered

Listas aninhadas 01:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists2

Listas aninhadas 02:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_nestedlists2

Listas com definições:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists3

Html Básico - Listas Originalmente publicado no Shvoong: http://pt.shvoong.com/how-to/computers-and-internet/2063918-html-b%C3%A1sico-listas/

Comentários