LMMD-MUS LMMD-MUS LMMD-MUS

home HOME

HTML Básico
HTML INÍCIO
HTML & WWW
HTML Introdução
HTML Elementos
HTML Tags Básicas
HTML Formatação
HTML Entidades
HTML Links
HTML Frames
HTML Tabelas
HTML Listas
HTML Formulários
HTML Imagens
HTML Background

HTML Avançado
HTML Layout
HTML Fontes
HTML Porque 4.0?
HTML Estilos
HTML Head
HTML Meta
HTML URLs
HTML Scripts
HTML Webserver

Planos de Fundo em HTML

Anterior Próxima

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


Exemplos

Boa cor de fundo e de texto
Um exemplo de uma cor de fundo e uma cor de texto que que tornam a página fácil de ler

Má cor de fundo e de texto
Um exemplo de uma cor de fundo e uma cor de texto que tornam a página difícil de ler

(Você pode encontrar mias exemlpos no final desta página.)


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.


Mais Exemplos

Boa imagem de fundo
Um exemplo de uma imagem de fundo e uma cor de texto que tornamo texto na página fácil de ler

Boa imagem de fundo 2
Um exemplo de uma imagem de fundo e uma cor de texto que tornam o texto na página fácil de ler

Má imagem de fundo
Um exemplo de uma imagem de fundo e uma cor de texto que tornam o texto na página muito difícil de ler.



Anterior Próxima