<BODY BACKGROUND="BGWite.jpg">
<P> <B> LISTAS DE DEFINIÇÕES </B>
<P>
<DL>
<DT>Tag DL:
<!-- (O tag acima à esquerda) -->
<DD> DL significa "Definition List"
como esta que voce está vendo.
Precisa de /DL no fim da lista.
<DT>Tag DT:
<DD>DT significa "Definition Term" e
na frente dele se coloca o termo a ser
definido.
Não precisa de /DT para fechar.
<DT>Tag DD:
<DD>DD significa "Definition
Description" e na frente dele
se coloca a definição do termo.
Não precisa /DD para fechar.
</DL>
<!--------------------------------------Lista de Definições
Pode-se colocar um tag <P> antes de cada <DT>
para se espaçar a lista verticalmente.
Os textos depois de <DT> e <DD> podem ser formatados
normalmente com outros tags de formatação.
---------------------------------------------------------->
</BODY>
</HTML>
Como testar a homepage acima:
[1] Copiar o texto de <HTML> até </HTML>, para um arquivo novo, no Bloco de Notas do Windows ou em um editor próprio de HTML.
[2] Salvar o arquivo com qualquer nome mas, com extensão .htm ou .html
numa pasta (Nome sugerido: HtmlBasico, sem acento) do computador, aberta pelo usuário, e destinada a conter os arquivos de teste deste curso.
Sugestão para o nome do arquivo: AAULAxxx.htm onde xxx é o
número acima desta tela. O "A" dobrado é para o arquivo ficar acima
dos outros, facilitando sua visualização ao ter que abrí-lo.
[3] Abrir o arquivo por meio de um browser (navegador) para obter a seguinte home page, pressupondo-se que tenha sido feito o download
do arquivo BGWite.jpg exigido na Aula 004:
Observe o seguinte:
Nestas Listas de Definições encontram-se, pela primeira vez, neste curso, tags (<DT> e <DD>) que são obrigatoriamente aninhados, numa ordem determinada, entre os tags (<DL> e </DL>) que estabelecem os limites superior e inferior da lista.
Este conceito de tags aninhados é usado também para se obter outros efeitos, principalmente em "Tabelas", como veremos adiante. Com as Tabelas é que se consegue os melhores efeitos visuais numa homepage, até mesmo quando a tabela for invisível.