Minicursos - HTML

Listas


As listas podem facilitar muito sua vida, dependendo do tipo de informação que queira exibir em sua página. O HTML permite a criação de dois tipos de listas, que são as ordenadas e não ordenadas. Seus códigos são bastante simples e fáceis de usar, vejam:

As tags de criação de listas são <ul> e </ul>,que é abreviação de Unordered List, portanto usadas para listas não ordenadas e <ol> e </ol>,de Ordered List, para o caso de listas ordenadas, mas assim como as tabelas, elas precisam de outras tags que determinarão o conteúdo das listas. Para isso usamos o <li> e </li.>,de List Item. Vamos aos exemplos, para facilitar a compreensão. Criarei duas listas com os seguintes itens: processador, memória, placa de vídeo e placa-mãe.

<ul>
<li>processador </li>
<li>memória </li>
<li>placa de vídeo </li>
<li>placa-mãe </li>
</ul>

Esse código, no navegador, será exibido assim:

Tag HTML <li>

Se quiséssemos uma lista ordenada, bastaria mudar o código acima para:

<ol>
<li> processador </li>
<li> memória </li>
<li> placa de vídeo </li>
<li>placa-mãe </li>
<ol>

Esse código é exibido assim:

Tag HTML <li>

A numeração é inserida automaticamente pelo navegador, que identifica se tratar de uma lista ordenada.
Essas são as tags utilizadas para criação de listas. Tudo muito simples!