Como Preencher O Background Em Html

Índice:

Como Preencher O Background Em Html
Como Preencher O Background Em Html

Vídeo: Como Preencher O Background Em Html

Vídeo: Como Preencher O Background Em Html
Vídeo: Imagem de fundo (background) FullPage - Curso de HTML Completo e Profissional #112 2024, Novembro
Anonim

A linguagem de marcação HTML permite tornar o fundo da página uma cor sólida de qualquer cor, bem como colocar imagens nele. Isso torna possível obter texto, por exemplo, contra uma paisagem ou textura de papel.

Como preencher o background em html
Como preencher o background em html

Instruções

Passo 1

Ao escolher uma cor de fundo ou imagem para colocar nele, guie-se principalmente pela legibilidade do texto. O fundo deve ser contrastante, ou seja, os personagens devem se destacar nele. Se você decidir fazer o gráfico de fundo, certifique-se de que você é o autor da imagem ou tem o direito de usá-la com base em um contrato (por exemplo, uma licença gratuita).

Passo 2

Encontre a tag no código-fonte HTML da página. Para tornar o plano de fundo sólido e colorido, adicione a variável bkcolor com um argumento como um código de cor. Depois disso, a construção ficará assim: <body bkcolor = rrggbb: gt;, onde rr, gg e bb são números hexadecimais no intervalo de 00 a FF. O primeiro deles define a intensidade do componente vermelho, o segundo - para o verde e o terceiro - para o azul.

etapa 3

Se quiser colocar uma imagem no fundo, primeiro reduza o seu tamanho para que tenha resoluções horizontal e vertical inferiores a 320 inclusive. Salve-o como um novo arquivo para evitar estragar o original. Use o formato JPG,.png

Passo 4

Usando a interface da web ou um cliente de FTP de software, coloque o arquivo de imagem na pasta do servidor onde o arquivo HTML que você está editando está localizado.

Etapa 5

Em vez da variável bkcolor, adicione a variável de fundo à tag com um argumento como o nome do arquivo de imagem. Agora terá a seguinte aparência: onde fon

Etapa 6

Faça upload do arquivo HTML atualizado para o servidor. Abra-o em um navegador. Certifique-se de que o plano de fundo seja exibido corretamente. Se houver uma imagem nele, ele se repetirá horizontal e verticalmente, preenchendo todo o espaço da página. Verifique a qualidade do texto no novo plano de fundo em diferentes navegadores. Use uma cor ou arquivo gráfico diferente, se necessário.

Recomendado: