top of page
Definição do fundo da página

A definição do fundo da página pode ser feita através da atribuição de uma cor ou de uma imagem.

Para a definição do fundo da página utilizam-se os atributos bgcolor e background da tag <body>

 

O atributo bgcolor

O atributo bgcolor permite-nos escolher a cor de fundo da página.

Como já abordamos existem três formas de indicar a cor de fundo da página: usando um código de cor hexadecimal, um código rgb e um nome de cor.

  • <body bgcolor=”#000000”>

  • <body bgcolor=”rgb(0,0,0)”>

  • <body bgcolor=”black”>

Todas as formas são validas para atribuir a cor de preto ao fundo da página.

 

O atributo background

O atributo “background” estabelece que o padrão de fundo da página é dado por uma imagem. O valor deste atributo indica o local onde se encontra a imagem. Se as dimensões da imagem forem inferiores às dimensões da página o browser repetirá a imagem por forma a ocupar todo fundo da página.

<body background="bonecos.gif">

<body background="http://www.clipart.com/smile.gif">

 

Imagem fixa

No internet Explorer pode-se controlar o comportamento da imagem de fundo. O background. Foi criado um atributo para o tag <Body> chamado BGPROPERTIES. Com a opção BGPROPERTIES-FIXED. O recurso dá a impressão de que o texto flutua sobre o fundo.

Exemplo:

<body background=fundo.gif BGPROPERTIES=FIXED>

 

IMPORTANTE:

Sempre que usar uma imagem de fundo deve-se ter em consideração os seguintes aspectos:

  • O tamanho da imagem (em kbytes) não deve ser demasiado grande.

  • Se a imagem de fundo combina bem com a cor do texto.

  • Se o fundo combina bem com as outras imagens que tem na página.

  • Se da repetição a imagem de fundo em mosaico resulta um padrão perfeito.

  • Se a imagem não é incomodativa e não desvia a atenção do texto.

 

 

Margem

Dado que o texto começa sempre a uma determinda distância da janela do Browser, por vezes, é necessário aumentar a margem e fazer com que o texto comece mais para dentro da página.

As tags <BLOCKQUOTE> E </BLOCKQUOTE> serve para aumentar a margem.

O efeito dessa Tag pode ser acumulado para conseguir margens maiores. Veja os exemplos:

<blockquote> Texto com mais margem</blockquote>

<blockquote> <blockquote> texto com mais margem ainda </blockquote></blockquote>

 

Formatação da página

bottom of page