Tudo Mais

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/

- Html Básico
Html Básico Introdução Resumo escrito por:WeldonParish O QUE É HTML? HTML é uma linguagem para descrever as páginas web. HTML significa Hyper Text Markup Language. (pode-se dizer Língua de Marcação por Tags). HTML não é uma linguagem de programação....

-
Html Básico Começando Resumo escrito por:WeldonParish O QUE VOCÊ PRECISA Você não precisa de nenhuma ferramenta extra para aprender HTML.Você não precisa de um editor HTML. Você não precisa de um servidor web. Você não precisa de um website....

- Impacto De Crise Da água é O Mais Temido Por Elite Mundial
Seca na represa do Jaguari: crise da água é problema central para países emergentes O impacto da crise da água aparece pela primeira vez no topo da lista de riscos para o planeta do Fórum...

- Brasil Está Em Lista Dos Países ‘mais Miseráveis’ Do Mundo, Segundo Instituto Americano
Imagem: Reprodução / Redes SociaisO Brasil foi considerado o nono país mais miserável do mundo, segundo um ranking divulgado, nesta semana, pelo Instituto Cato. De acordo com o centro de pesquisas apartidário norte-americano, para a classificação...

- O Que Este Jovem De 11 Anos Faz Todos Os Dias Pela Mãe Vai-te Deixar Em Lágrimas!
Vai te deixar impressionado o que este jovem faz pela sua mãe todos os dias… Melissa é mãe solteira de quatro crianças, e vive em Chicago. Há algum tempo atrás, durante um assalto a sua casa, foi atingida por um tiro, e desde esse dia, ficou...

Tudo Mais