010 - LISTAS
Listas de Definições

       



<HTML>
<HEAD>
<TITLE>
010 - LISTAS
</TITLE>
</HEAD>

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

  1. 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.

  2. 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.

 

Atualização em Agosto/2000 por