Listas

Existem três tipos de listas: ordenadas, não ordenadas e de definição. Cada tipo de lista é delimitada por uma tag diferente:

• <ol>...</ol>– para listas ordenadas (ordered list). Essas listas são utilizadas quando se quer numerar algo;
• <ul>...</ul>– para listas não ordenadas (unordered list). Essas listas são utilizadas quando se quer apenas colocar um marcador em seus itens, mas sem numeração;
• <dl>...</dl>– para listas de definição (definition list). Essas listas são usadas quando, além de topificar, ainda se deseja especificar uma definição para cada tópico.

A tag <li>...</li> é usada para marcar cada item das listas ordenadas e não ordenadas. Na lista de definição, os itens são marcados pela tag <dt>...</dt>, enquanto as definições são marcadas pela tag <dd>...</dd>. A Figura 3 ilustra um exemplo de cada tipo de lista, veja com atenção como cada uma delas é definida.

Há alguns atributos que podem ser utilizados para configurar a aparência das listas, tais como start e type, mas lembre-se que eles são DEPRACATED:

• start – indica o número do primeiro item de uma lista ordenada;
• type – indica o tipo de numeração (arábico, romano...) em listas ordenadas ou o tipo de símbolo ("square", "circle" ou "disc") usado para demarcar cada item de uma lista não ordenada.

A seguir, você verá um exemplo simples desses atributos (Figura 4). Mas você não precisa memorizá-los, pois logo (a partir da quarta aula) veremos como definir o mesmo efeito usando CSS.

Agora, volte àquele documento criado para a Atividade 1 e resolva a próxima atividade.