HTML Para Vendedores do Mercado Livre - Listas

A ideia dessa sequência de artigos é passar o básico necessário para que você sozinho(a) consiga criar seus próprios anúncios no Mercado Livre, de maneira otimizada e sem precisar contratar mão de obra especializada. O foco será a parte da descrição do seu anúncio, onde poderá criar elementos HTML e deixá-los com aparência melhor e mais sofisticada deixando assim os seus anúncios mais profissionais. Hoje veremos as formas de inserir listas em códigos HTML:

Aula 4 - Listas em HTML

Lista não ordenada

<UL>

<LI> Lista cada um dos subitens da lista </LI>

</UL>

Exemplo:

<ul>

<li> Curitiba </li>

<li> São Paulo </li>

<li> Rio de Janeiro </li>

</ul>

Exemplo na prática:

Atributo de UL

TYPE

Indica qual símbolo deve ser usado para demarcar cada elemento da lista. Pode ser os valores "DISC" , "CIRCLE" ou "SQUARE". Obs.: Caso não especifique o TYPE do UL será colocado automaticamente o símbolo "DISC"  como aconteceu no exemplo acima. O "DISC" será uma bolinha preta, o "CIRCLE" será uma bolinha sem preenchimento e o "SQUARE" será um quadradinho preto.

Exemplo DISC:

<ul type="disc">

<li> Curitiba </li>

<li> São Paulo </li>

<li> Rio de Janeiro </li>

</ul>

Exemplo na prática:

Exemplo CIRCLE:

<ul type="circle">

<li> Curitiba </li>

<li> São Paulo </li>

<li> Rio de Janeiro </li>

</ul>

Exemplo na prática:

Exemplo SQUARE:

<ul type="square">

<li> Curitiba </li>

<li> São Paulo </li>

<li> Rio de Janeiro </li>

</ul>

Exemplo na prática:

Listas ordenadas

<OL>

<LI> Lista cada um dos subitens da lista </LI>

</OL>

Exemplo:

<ol>

<li> Curitiba </li>

<li> São Paulo </li>

<li> Rio de Janeiro </li>

</ol>

Exemplo na prática:

Atributos de OL

START

Especifica o número do primeiro elemento da lista.

Exemplo:

<ol start="10">

<li> Curitiba </li>

<li> São Paulo </li>

<li> Rio de Janeiro </li>

</ol>

Exemplo na prática:

Obs: Se não for especificado o atributo START o primeiro elemento receberá o número 1 e o segundo o 2 e assim por diante.

TYPE

Define o tipo de numeração aplicada na lista.

Exemplo:

<ol type="A">

<li> Curitiba </li>

<li> São Paulo </li>

<li> Rio de Janeiro </li>

</ol>

Assim em vez de aparecer 1, 2, 3 ... irá aparecer A, B, C ...

Exemplo na prática:

Listas de definição

<DL>

<DT> Termos a ser definidos </DT>

</DL>

Exemplo:

<DL>

<DT> Banana </DT>

<DD>Banana Maçã </DD>

<DD>Banana Nanica </DD>

<DT> Mamão </DT>

<DD>Mamão Papaia </DD>

</DL>

Exemplo na prática:

Conclusão
O que passei na aula de hoje é o básico para você inserir listas de forma a organizar as informações em seus anúncios. O conteúdo de listas + as aulas anteriores já te deixam com certa autonomia para criar e editar seus anúncios de forma correta e segura. Perdeu alguma aula anterior? Clique aqui e acesse todo o conteúdo do Curso! Não perca as próximas aulas!