Html, o fundo

Começamos a fascinante viagem pela descoberta das cores começando pelo fundo de uma página web. Como fundo de uma página, você também pode usar imagens, embora eu seja bastante contra esse tipo de uso, mas veremos depois, se for o caso, como utilizá-las.

Antes de ver as configurações de cor de uma página web, é importante escolher uma cor clara e agora vou explicar o porquê: visto que o texto deve ser necessariamente escuro para ser legível sem dificuldades, se escolher uma cor de fundo escura, ler o conteúdo se tornará uma tarefa difícil, portanto, usamos uma cor clara, o mais clara possível. Agora mostro um exemplo do que quero dizer:

A célula da esquerda é praticamente ilegível enquanto a da direita apresenta um texto claro e legível. O conceito está claro? Tenha essa regra em mente especialmente se usar páginas com muito texto. Bem, agora vamos voltar ao nosso fundo. Na lição dedicada às Cores, você pode visualizar a tabela de Códigos Hexadecimais e escolher uma cor para seu fundo. Pegue por exemplo a cor ccff99…. nossa, acho que esqueci algo neste código…. o que vocês acham? Sim, o jogo da velha (sustenido) #

Então aqui está o código correto que usaremos: #ccff99.

Agora vou apresentar a tag background-color que juntamente com a tag body serve para determinar a cor de fundo de uma página web. Por abreviação, é usado o comando bgcolor que tem o mesmo efeito.

Anteriormente analisamos a tag body que estava escrita assim. Agora, vamos unir estas duas tags para configurar nossa cor: bgcolor=”#cff99″> Insira-a na sua página index.html e salve as alterações sobrescrevendo. Na lição dedicada às Cores, está representada a tabela dos 16 cores reconhecidas por todos os navegadores web.

Se usarmos para o fundo do nosso site uma dessas 16 cores, por exemplo o Navy na tag body podemos escrever tranquilamente também assim:

bgcolor="Navy">

Se usarmos cores fora dessa tabela, é necessário especificar o Código Hexadecimal. Na prática, com este comando ordenamos ao body “Ei body, preste atenção… para o fundo você deve ajustar a cor #ccff99, ok?” Assim todo o fundo da nossa página será configurado e mostrado com essa cor.

Pubblicato in HTML & CSS