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:
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:
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!