O que são códigos de plano de fundo HTML?

Os códigos de plano de fundo da HTML (HyperText Markup Language) são propriedades de elementos no nível do bloco que podem alterar a aparência da área atrás do texto e das imagens exibidas em uma página da Web. Ao usar códigos de plano de fundo HTML, a cor de plano de fundo de uma página pode ser alterada ou uma imagem pode ser definida e exibida como papel de parede de plano de fundo. Esses códigos podem ser usados ​​como uma propriedade da tag do corpo HTML ou definidos mais especificamente com CSS (Cascading Style Sheets). Embora os códigos de segundo plano HTML possam ajudar a melhorar a aparência de uma página da Web, eles também podem causar problemas com a legibilidade da página, se não forem testados corretamente. Além disso, alguns códigos de segundo plano foram preteridos - especificamente as propriedades da tag do corpo HTML - e podem não ser exibidos corretamente se não estiverem definidos com propriedades CSS.

Tanto a propriedade background da tag do corpo HTML quanto a propriedade CSS background-image permitem que um designer especifique um arquivo que pode ser usado como imagem de fundo de um site. Quando uma imagem é definida usando a propriedade background da tag body, a imagem é aplicada ao plano de fundo da página inteira. Se a propriedade CSS da imagem de plano de fundo for usada, a imagem poderá ser confinada a um único elemento no nível do bloco, como uma tabela ou caixa de texto. A imagem pode ser praticamente qualquer coisa, embora a maioria dos navegadores não exiba animações de formato de intercâmbio gráfico (gif) como imagem de fundo e, em vez disso, apenas mostre o primeiro quadro.

Outros códigos de segundo plano podem ser usados ​​com a tag body e propriedades CSS adicionais. Eles permitem que uma imagem seja definida como repetição em todo o plano de fundo verticalmente, horizontalmente ou ambos. Os códigos de plano de fundo HTML também podem ser usados ​​para alinhar uma imagem a uma área específica da tela, como o canto inferior direito. As propriedades CSS podem aceitar porcentagens ou localizações de pixels como argumentos, fornecendo um método para posicionar imagens em locais muito específicos.

Há também um conjunto mais simples de códigos de plano de fundo HTML que lidam com a definição de uma cor sólida como plano de fundo para um site. Assim como nas imagens, a aplicação da cor dentro da tag body mudará a cor de fundo da página inteira, enquanto a alteração das propriedades do corpo CSS restringirá a alteração a um único elemento no nível do bloco. É importante observar que alguns navegadores da web permitem que os usuários desativem a exibição de imagens e cores de plano de fundo.

Às vezes, os códigos de plano de fundo HTML podem ser exibidos incorretamente ou desativados; portanto, é uma prática de design ruim depender muito da cor de uma imagem de plano de fundo para retransmitir informações vitais para o visualizador do site. Da mesma forma, se a cor do texto e do plano de fundo for invertida e o plano de fundo não for exibido corretamente, os visitantes do site não poderão ver nenhum texto. Manter uma cor de texto escura sobre um plano de fundo claro pode ajudar a tornar um site visível, mesmo que o plano de fundo não seja mostrado na cor desejada.