Curso HTML Completo: Aula 10 - Listas

E aí e agora pessoal nós vamos aprender a trabalhar com listas as listas ordenadas e as listas e diz ordenadas as vistas são bem fáceis de trabalhar sabe quando você vai no supermercado você vai fazer uma listinha de compra com os itens se você quer que fica aquelas bolinhas assim é basicamente ir para isso que serve listas né então eu vou fazer aqui vou pular uma dar uma quebra de linha vou dar um BR o botar um h2ac escrito assim ó listas não ordenadas Ok a listas não ordenadas e aqui eu vou colocar as tags

de lista para a gente tem uma lista não-ordenada a gente usa a tag weli até de URL AD Onodera list na lista não-ordenada e dentro da tag huele a gente sempre vai ter umas tags filho como no caso aqui da tabela né que tem uma tag dentro da técnica em outras tags que são dependentes dela ou seja uma tag filho a chamada ele quer dizer list item Um item da lista então eu vou colocar aqui arroz aí vou fazer o seguinte o copiar aqui control c control V arroz feijão aí a gente tem aqui macarrão

né como se fosse os itens de uma lista Olha lá que que ele vai fazer uma lista com os pontinhos aqui para gente dizer os itens que a gente quer de uma lista Esse é uma lista não-ordenada porque não é ordenada porque ela não tem uma sequência de números tipo um dois três uma ordem certo já uma lista ordenada eu vou colocar aqui em baixo vou pular mais uma linha aqui vou dar um BR ó e vou colocar aqui ó a lista ordenada agora listas ordenadas certo as listas ordenadas a nem precisava desse BR aqui

ó vou voltar aqui a listas ordenadas fica mais grudadinho a lista ordenada a gente usa em vez de Wesley quer honoré lixe a gente usa o l o l e lista ordenada Order list certo e que a gente vai colocar também o l l Vou colocar aqui arroz mesma coisa que que lá no de cima arroz feijão macarrão o e veja que agora em vez de ele colocar o pontinho ele coloca por sequência então você não precisa fazer uma contagem quando você usa uma lista do tipo ordenada ele vai fazer a contagem para você de

forma sequencial então se eu pegasse aqui e copiasse aqui control c control V control c control v o ele já vai fazer a sequência da lista para mim já de forma direta certo então é assim que funciona as listas não tem segredo welia é a tag principal a tag mãe e vamos ver e dentro dela sempre depende os Listen os itens da lista né os list item já ia falar o mestre Tico Teco já na uma fritada aqui né na não-ordenada fica os pontinhos e na ordenada que é com u ou l fica os números

vinhos não tem mistério isso aí é uma lista ordenada a gente usa as listas ordenadas para fazer menos e outras coisas gente usa depois a gente vai ver na hora de fazer um site para valer não necessariamente com essa finalidade aqui porque com CSS a gente pode transformar e inclusive no menu bem interessante porque eles menos que ficam aqui em cima vocês vão ver como é que a gente usa isso aqui para outras finalidades também mas para vocês conhecerem a tag de listas seria basicamente dessa forma 1l e 1l na colocar um item da lista

Beleza Espero que você tenha gostado dessa aula se você gostou deixa aquele seu like continua assistindo esse curso clicando aqui num desses vídeos que vai estar aqui na tela para você continuar assistindo a Playlist e vendas outras aulas desse curso se inscreve no canal se não for inscrito e até a próxima aula valeu