003 - FORMATAÇÃO BÁSICA DA HOMEPAGE
Fundos (por BGCOLOR), Separador e
Quebra de Linha (Ponto-não-Parágrafo)

       


<HTML>

<HEAD>

<TITLE>
003 - FORMATAÇÃO BÁSICA DA HOMEPAGE
</TITLE>

</HEAD>

<BODY BGCOLOR=yellow>
<!------------------------------------------------Cor do Fundo
Atributo BGCOLOR (Backgound Color).
Cores possíveis por meio do nome de cores em inglês:
White, Aqua, Fuchsia, Blue, Yellow, Lime, Red, Silver
Gray, Teal, Purple, Navy, Olive, Green, Maroon, Black
------------------------------------------------------------->

<P>
<CENTER>
<H4>Cor de Fundo, Separadores e Quebra de Linha</H4>
</CENTER>

<P>
<HR>
<!---------------------------------------Separador Horizontal
(Horizontal Rule)
Pode ter o atributo WIDTH para sua largura na tela,
que não deve exceder o valor 580, seu valor padrão.
-------------------------------------------------------------->

<P>
<HR WIDTH=450>

<P> O fundo é amarelo (yellow) conforme especificado no atributo BGCOLOR.
<BR> O dois separadores HR e HR WIDTH=450 aparecem depois do Cabeçalho.

<P> Neste parágrafo procura-se dar um exemplo de ponto-não-parágrafo ou seja uma quebra de linha neste período.
<BR>Aqui se continua o assunto, noutro período mas, no mesmo parágrafo.

<P>
Aqui já começa outro parágrafo.

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

Observe o seguinte:

  1. Os valores de cor de BGCOLOR do tag <BODY> podem ser também explícitos em códigos hexadecimais, consultando-se tabelas existentes em livros sobre HTML ou aplicando-se diretamente nos tags com editores próprios para HTML.

  2. Cada tag em HTML pode conter vários atributos que são explicitados internamente nos tags, como nos exemplos acima de BGCOLOR no tag </BODY> e do WIDTH no separador horizontal <HR>.

  3. Os tags <HR> e <BR> não precisam ser fechados com </nome do tag>.

 

Atualização em Agosto/2000 por