Como usar imagens de fundo em HTML?

Ter imagens em sua página ou arquivo HTML
Ter imagens em sua página ou arquivo HTML, especialmente no plano de fundo, pode melhorar muito o ponto inteiro de seu arquivo.

Ter imagens em sua página ou arquivo HTML, especialmente em segundo plano, pode melhorar muito o ponto inteiro de seu arquivo. Ele pode direcionar o tema do seu conteúdo mais rapidamente com apenas uma olhada no site. As imagens são fáceis de incorporar em seu plano de fundo - seja uma única imagem centralizada na página ou várias imagens lado a lado. Você também pode fazer com que uma imagem preencha todo o fundo. Todas essas opções são totalmente sua e você tem as etapas descritas abaixo sobre como alcançá-las.

Você não precisa ativar sua página HTML imediatamente
Você não precisa ativar sua página HTML imediatamente, enviando-a para um site FTP.

Materiais de que você precisará:

  • Computador desktop ou laptop
  • Uma página HTML existente
  • Comandos HTML básicos
  • Chegar ao corpo. A primeira coisa que você precisa fazer é encontrar o corpo do arquivo procurando pela tag body, escrita como <body>. Se não houver uma tag body, você pode simplesmente digitá-la imediatamente após a tag </head>. Esta é a seção que conterá todos os itens e comandos para a formatação do corpo da página HTML.
  • Incorporando o plano de fundo. Depois de escrever a tag para o corpo, digite um único espaço e digite a tag <body background>. Depois disso, você pode segui-lo com o sinal de igual. Lembre-se de que não deve haver espaços entre os comandos digitados.
  • Importando a imagem. A imagem que você usará para o site pode estar em um diretório de pasta ou em uma URL da web. Se você acha que precisará alterar a imagem de fundo automaticamente (ou seja, sem a necessidade de fazer upload de novos arquivos para o site HTML), é melhor colocar sua imagem em um serviço da web para que tudo o que você precise fazer seja alterar a imagem deste URL sem alterar manualmente o local do arquivo HTML. Caso contrário, você pode simplesmente colocar sua imagem na mesma pasta onde o arquivo HTML está e apontar para esse local ao importar a imagem. Portanto, sua tag de imagem de plano de fundo terá a seguinte aparência: <body background = "your web URL here">.
  • Verificando seu arquivo HTML em seu navegador. Depois de fazer isso, salve as alterações que você fez (se você está fazendo isso no bloco de notas e salvando como um arquivo HTML ou de qualquer outra forma) e execute sua página HTML no navegador da máquina, para verificar se obteve o efeito desejado. Você pode ter uma resolução e tamanho de imagem maiores alterados para sua imagem de plano de fundo se achar que é muito pequeno para sua tela. Você não precisa ativar sua página HTML imediatamente, enviando-a para um site FTP.

Existem várias coisas que você pode carregar além de imagens estáticas. GIFs animados também são ótimos acréscimos a uma página. Esse plano de fundo pode ser uma imagem ou um padrão que você deseja servir como papel de parede do seu site. Você também pode incluir margens e outras configurações de formatação em seu plano de fundo para melhor ajustar o conteúdo que será colocado sobre ele. Divirta-se e boa sorte!

Artigos relacionados
  1. Como usar GIFs animados?
  2. Como transferir arquivos MIDI para o seu telefone?
  3. Como rastrear hackers?
  4. Como transferir dados de computador usando um cabo Cat 5?
  5. Como consertar seu computador lento em menos de uma hora?
  6. Como configurar fórmulas no Excel 2007?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail