A linguagem HTML contém elementos que permitem criar listas de definições, listas ordenadas ou não.
Listas Não OrdenadasUma lista não ordenada contém vários itens marcados todos com o mesmo símbolo (normalmente um círculo pequeno ou um quadrado pequeno).
No menu "Formatar", clicar em "Listas" e clicar em "Com marcadores"
Para criar uma lista não ordenada usa-se o elemento
- ("unordered list.") Dentro desse elemento os vários itens são criados com o elemento
- ("list item").
Esta é a codificação:
<ul>
<li>sala 1</li>
<li>sala 2</li>
</ul>
Este é o aspecto que aparece no navegador:
- Sala 2
- Sala 1
É importante notar que dentro de uma lista não ordenada podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc...
Listas Ordenadas
Uma lista ordenada contém vários itens numerados e é criada com o elemento <ol> ("ordered list.") Os itens da lista definem-se com o elemento <li> ("list item.") No menu "Formatar", clicar em "Listas" e clicar em "Numerada".
Esta é a codificação:
<ol>
<li>Sala 1</li>
<li>Sala 2</li>
</ol>
Este é o aspecto que aparece no navegador:
- Sala 2
- Sala 1
Dentro de uma lista ordenada podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc.
Listas de Definições
Uma lista de definições não é constituída por uma série de itens mas por termos acompanhados das descrições de seus significados.
As listas de definições criam-se com o elemento
<dl> ("definition list.") O nome de cada termo fica dentro de um elemento <dt> ("definition term") e a sua descrição fica num elemento </dt> <dd>("definition description".)
Esta é a codificação:
<dl>
<dt>Sala 1</dt>
<dd>Sala do LabInfo destinada a uso individual pelos estudantes</dd>
<dt>Sala 2</dt>
<dd>Sala do LabInfo destinada prioritariamente a aulas.</dd>
</dl>
Este é o aspecto que aparece no navegador:
.- Sala 1
- Sala do LabInfo destinada a uso individual pelos estudantes
- Sala 2
- Sala do LabInfo destinada prioritariamente a aulas.
