HTML, Criando Listas

Neste artigo vamos aprender a criar listas em um documento HTML, podemos criar basicamente três tipos de lista em html, listas não ordenadas, que contem uma série de itens marcados apenas com um ponto, listas ordenadas, onde os itens ficam numerados e sequência e lista de definições...

Lista não ordenada...

O conjunto de comandos para criar este tipo de lista é formado pelas tags < ul > ITENS < /ul >, que deve envolver todos os itens da lista que será precedido pelo comando < li >, Veja abaixo...

---

< ul >
   < li >Item 1
   < li >Item 2
   < li >Item 3
   < li >Item 4
</ul>

---

Veja na imagem abaixo como irá aparecer no navegador...

Lista ordenada

Uma lista ordenada é criada pelos comandos < ol > ITENS < /ol >, que deve envolver todos os itens da lista que será precedido pelo comando < li >, Veja abaixo...

---

< ol >
   < li >Item 1
   < li >Item 2
   < li >Item 3
   < li >Item 4
< /ol >

---

Veja na imagem abaixo como irá aparecer no navegador...

Lista de definições

Uma lista de definições é criada com o comando < dl > e < /dl >, cada termo da lista de definições começa com o comando <dt>, cada definição da lista de definições começa com o comando <dd>, veja abaixo...

---

< dl >

   < dt >Carro< /dt>

   < dd >De quatro rodas< /dd >

   < dt >Moto< /dt >

   < dd >De duas rodas< /dd >

</dl>

---

Veja na imagem abaixo como irá aparecer no navegador...