008 - LISTAS
Listas Não-Ordenadas

       



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

<BODY BACKGROUND="BGWite.jpg">

<P> <B> LISTAS NÃO-ORDENADAS </B>

<P>
<UL>
     <LI> JANEIRO
     <LI> FEVEREIRO
     <LI> MARÇO
</UL>
<!------------------------------------Lista UL Padrão (Default)
Os tag <UL> (Un-orderd List) e </UL> abrem
e fecham a lista. São essenciais.
O tag <LI> (List Item) tem que preceder
cada item e NÃO precisa ser fechado com </LI>.
O avanço horizontal dos tags <LI>, embora não essencial,
ajuda a se visualizar listas, principalmente as
complexas, durante a manutenção da página.
-------------------------------------------------------------->

<P>
<UL>
<UL TYPE=disc>
     <P><LI><B>JANEIRO</B>
         <BR>Verão
     <P><LI><B>FEVEREIRO</B>
       <BR> Carnaval
     <P><LI><B>MARÇO</B>
       <BR> Semana Santa
</UL>
</UL>
<!-----------------------------------------Lista UL Tipo Disco
Os tag <UL> e </UL> podem ser repetidos, várias
vezes, fazendo a lista avançar para o centro da tela.
O atributo TYPE de <UL> indica o tipo de marca antes
de cada item.
Antes de cada tag <LI> pode-se usar o tag <P> para
espaçar verticalmente a lista. Após o tag <LI> pode-se
usar qualquer tag: <BR>, <FONT>, <B> (Bold) etc.
------------------------------------------------------------------>

</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. O atributo TYPE do tag <UL> pode ter os seguintes valores:

    • Default (A marca exibida depende do browser usado)
    • Disc (Círculo cheio)
    • Circle (Círculo vazio)
    • Square (Quadrado)

  2. O atributo TYPE varia muito entre o Netscape e o Internet Explorer e, até mesmo, num mesmo browser, dependendo de vários fatores, dentre eles a versão do browser usado.

 

Atualização em Agosto/2000 por