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.