Html Básico - Listas
()
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
Resumos Relacionados
- Html Básico - Formulários
- Html Básico Formatação
- Html Básico Fundamentos
- Html Básico Estilo
- Html Básico Parágrafos
|
|