Como definir listas em páginas html

Cabeçalhos e parágrafos nem sempre são suficientes. Às vezes você precisa listas em suas páginas também. Ao decidir como apresentar seus dados, considere as suas opções. Se o texto se encaixa em balas curtas, apresentá-lo dessa forma.

As listas com marcadores funcionam muito bem na web onde o público vai estar à procura de informação rápida, de fácil acesso. Usando listas numeradas também pode ajudar os visitantes a chegar ao ponto rapidamente. O código para listas - marcadores ou numerada - é bastante simples. Você pode colocar o título para uma lista em qualquer uma tag de parágrafo ou em uma tag título, o que se adequa à situação melhor.

Em HTML (e escrita e publicação), listas com marcadores são referidos como “listas não ordenadas”, porque eles simplesmente listar itens em nenhuma ordem de importância (e usar o

tag). listas numeradas, comparativamente, são “listas ordenadas” porque a ordem é importante- eles usam a tag. Os produtos em ambos os tipos de listas, no entanto, são definidos usando a tag lista.

Dê uma olhada exemplo a seguir, o que cria uma lista simples, com marcadores (não ordenados):

Minha lista de frutas
Video: Curso de HTML - Notepad++ e mais - HTML aula 3
maçãs
bananas
laranjas

No exemplo anterior, observe que a tag de parágrafo está fechado antes de as tags lista começar. Note também que o tag é usada para cada item da lista.

Para transformar essa lista em uma lista numerada, use (para lista ordenada) No lugar da tag - e não se esqueça de fechá-lo com a tag.

Às vezes, uma lista tem aninhados sub-itens. O código para fazer isso acontecer parece com isso:

Video: Curso de HTML - Aula 7 (Listas)

Minha lista de frutas
Video: como colocar uma lista ordenada ou não, em uma página html- Jackson almeida
maçãs
vermelho
verde
amarelo
bananas
laranjas

Em um navegador (sem estilos definidos), a lista parece com a da figura seguinte com pontos de bala e travessões para os pontos sub-bala.

Os sub-itens na maçãs artigo são parte de uma segunda lista não ordenada. Observe como a lista de sub-itens começa e é fechado entre o e do maçãs item da lista. O navegador exibe-los como itens recuados sob maçãs na lista principal.