Listas Ordenadas
Para criar uma Lista Ordenada, devemos utilizar a Tag <ol> (Ordered List). Além disso, cada elemento da lista deve estar entre a abertura e o fechamento da Tag <li>.
Para melhorar o entendimento, preparei um exemplo simples. Pintei a Tag <ol> de vermelho e as Tags <li> de azul apenas para facilitar a compreensão. Veja o código:
<html>
<head>
<title>Lista Ordenada</title>
</head><body>
</html><h1>Lista de Compras</h1>
</body><ol>
<li>3 latas de Óleo de Soja</li>
<li>20 KG de Arroz Branco</li>
<li>10 KG de Feijão Preto</li>
<li>20 KG de Arroz Branco</li>
<li>10 KG de Feijão Preto</li>
</ol>
Veja o resultado:
| Parâmetro | Descrição | Observações |
|---|---|---|
| start | Define o início da lista | Exemplo: <ol start="3"> (inicia com o número 3) |
| type | Define o estilo da lista | Valores possíveis: "1", "a", "A", "i" e "I" |
Listas Não Ordenadas
Já para criar uma Lista Não Ordenada, utilizamos a Tag <ul> (Unordered List). Cada um dos elementos de uma Lista Não Ordenada também deve estar entre a abertura e o fechamento da Tag <li>. Veja um exemplo:
<html>
Observe o resultado:<head>
<title>Lista Não Ordenada</title>
</head><body>
</html><h1>Lista de Compras</h1>
</body><ul>
<li>3 latas de Óleo de Soja</li>
<li>20 KG de Arroz Branco</li>
<li>10 KG de Feijão Preto</li>
<li>20 KG de Arroz Branco</li>
<li>10 KG de Feijão Preto</li>
</ul>
| Parâmetro | Descrição | Observações |
|---|---|---|
| type | Define o estilo da lista | Valores possíveis: "disc", "square" e "circle" |
Leia mais:
- Aprenda agora a Criar Formulários HTML;
- Aprenda a Exibir Imagens em Páginas HTML;
- Veja como Inserir Links em Páginas HTML;
- Entenda como Criar Tabelas em Páginas HTML;
- Use as Cores RGB e tenha mais de 16 milhões de opções;
Parabéns, colocou detalhes raros de se encontrar em outras páginas relacionadas.
ResponderExcluirGostei muito e agradeço.
ResponderExcluirComo faço para fazer uma lista que só apareça quando clicar nela?
ResponderExcluirTipo essa lista:
-Multimidia
-Imagens
-Videos
Mas que só apareça a parte de Imagens e Videos quando clicar em Multimídia.
Rapaz, para isso você vai precisar usar Javascript. Pior que nem tenho como fazer um exemplo aqui pois o blogger não deixa eu escrever código aqui. Sugiro dar uma olhada no curso de Javascript do W3Schools (https://www.w3schools.com/js/default.asp). Abraço!
Excluir