Close

Planos de Fundo em HTML

Planos de Fundo em HTML

Um bom plano de fundo pode fazer um sítio Web parecer realmente bonito.

Planos de Fundo

A tag <body> tem dois atributos onde você pode especificar planos de fundo. O plano de fundo pode ser uma cor ou uma imagem.

Bgcolor

O atributo bgcolor configura o plano de fundo em uma cor. O valor deste atributo pode ser um número hexadecimal, um valor RGB, ou um nome de cor.

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

As linhas acima todas configuram a cor do plano de fundo para preto




Background

O atributo background configura o plano de fundo para uma imagem. O valor do atributo é a URL da imagem que você quer usar. Se a imagem é menor do que a janela do navegador, a imagem será repetida até preencher a janela inteira do navegador.

<body background="clouds.gif">
<body background="http://www.w3schools.com/clouds.gif">

O URL pode ser relativo (como na primeira linha acima) ou absoluto (como na segunda linha acima).

Observe: Se você quer usar uma imagem de plano de fundo, você deve ter em mente:

  • A imagem de fundo aumentará o tempo de carga? Dica: Arquivos de imagem devem ter no máximo 10k
  • A imagem de fundo parecerá boa com outras imagens na página?
  • A imagem de fundo parecerá boa com as cores do texto na página?
  • A imagem de fundo parecerá boa quando ela for repetida na página?
  • A imagem de fundo afasta o foco do texto?

Observações Básicas – Dicas Úteis

Os atributos bgcolor, background, e text na tag <body> estão desaprovados nas versões mais recentes da HTML (HTML 4 e XHTML). O World Wide Web Consortium (W3C) removeu estes atributos de suas recomendações. Nas versões futuras da HTML, as folhas de estilo (CSS) serão usadas para definir o layout e a exibir as propriedades dos elementos da HTML.

Poucos dos sítios Web mais visitados usam imagens de fundo.

As cores de fundo mais usadas são: branco, preto e cinza.




Related Posts