IST - Física
Programação
HTML - Exemplos 18:04:44
26 - Apr - 2024
Google Wikipedia Download Manuais: HTML5 CSS PHP

4. Tipos de Listas


Listas por pontos com um só nível

Uma lista por pontos inicia-se por <ul> e termina por </ul>. Cada um dos items da lista é indicado por <li> e termina por </li>

Exemplo: De Dezembro até à Primavera faltam os seguintes meses:

  • Dezembro
  • Janeiro
  • Fevereiro
  • Março

Código de escrita:

<ul> <li> Dezembro</li> <li> Janeiro</li> <li> Fevereiro</li> <li> Março</li> </ul>


Listas numeradas com um só nível

Uma lista numerada inicia-se por <ol> e termina por </ol>. Do mesmo modo que no caso anterior, cada um dos items da lista é indicado por <li> e termina por </li>

De Dezembro até à Primavera faltam os seguintes meses:

  1. Dezembro
  2. Janeiro
  3. Fevereiro
  4. Março

Código de escrita:

<ol> <li> Dezembro</li> <li> Janeiro</li> <li> Fevereiro</li> <li> Março</li> </ol>


Listas mistas com vários níveis

De Dezembro até à Primavera faltam os seguintes meses:

  1. Dezembro
    • Outono e Inverno
    • 31 dias
  2. Janeiro
    • Inverno
    • 31 dias
  3. Fevereiro
    • Inverno
    • 28 ou 29 dias
  4. Março
    • Inverno e Primavera
    • 31 dias

Código de escrita:

<ol>
<li> Dezembro <ul> <li>Outono e Inverno</li> <li>31 dias</li></ul></li>
<li> Janeiro <ul> <li>Inverno</li> <li>31 dias</li></ul></li>
<li> Fevereiro <ul> <li>Inverno</li> <li>28 ou 29 dias</li></ul></li>
<li> Março <ul> <li>Inverno e Primavera</li><li>31 dias</li></ul></li>
</ol>