Como Fazer Fundo Em Html

Índice:

Como Fazer Fundo Em Html
Como Fazer Fundo Em Html

Vídeo: Como Fazer Fundo Em Html

Vídeo: Como Fazer Fundo Em Html
Vídeo: Curso de HTML #42 - Imagem de fundo com tamanho adaptável 2024, Maio
Anonim

Uma página da web com um plano de fundo tende a parecer mais bonita do que sem ele. A correção da exibição da página web depende das ações competentes para adicionar o fundo.

Como fazer fundo em html
Como fazer fundo em html

Instruções

Passo 1

A maneira mais fácil de criar um plano de fundo em um documento html é atribuir o valor do atributo à tag body. Um determinado valor para o atributo background determinará a imagem de fundo na página. Se você definir o valor do atributo bgcolor, a página terá uma cor de fundo. A cor no atributo bgcolor da tag body pode ser especificada em hexadecimal ou apenas em uma palavra.

Passo 2

Você pode obter o mesmo efeito usando folhas de estilo CSS em cascata. Um valor para o atributo background-color definirá a cor de fundo na página, enquanto um valor para o atributo background-image definirá o caminho para a imagem de fundo da página. Essas instruções podem ser gravadas no seletor de corpo. Você pode fazer isso de forma diferente: atribua uma classe ou identificador à tag body na tag html e atribua os atributos acima à classe ou identificador em css, respectivamente. Deve-se apenas ter em mente que se os atributos forem atribuídos a uma classe, todos os objetos com a classe especificada terão uma cor de fundo no documento html.

etapa 3

As instruções acima podem ser escritas no corpo do próprio documento html. Para fazer isso, abra a tag de estilo na seção de serviço entre as tags de cabeçalho (abertura e fechamento). Qualquer instrução CSS pode ser escrita entre a abertura e o fechamento de uma determinada tag. Deve-se ter em mente que, neste caso, o peso da página aumentará, o que pode afetar negativamente o tempo de carregamento para o usuário final. Também deve ser notado que no caso de especificar uma imagem de fundo, ela pode ser repetida horizontalmente, verticalmente ou ao longo de dois eixos ao mesmo tempo. O atributo background-repeat em CSS é responsável por isso. A imagem de fundo pode ser encaixada rigidamente, independentemente da presença de uma barra de rolagem no documento. Para obter esse efeito, você deve especificar background-attachment: fixed.

Passo 4

O plano de fundo de um documento html pode ser feito usando linguagens de programação. Você pode escrever instruções html usando JavaScript. A construção da linguagem document.write é adequada para isso. Se a mesma coisa for expressa por meio do DOM, a instrução document.body.style.backgroundColor = “red” tornará o plano de fundo da página vermelho. Isso é o mesmo que escrever o atributo apropriado diretamente no CSS.

Etapa 5

As instruções anteriores podem ser escritas diretamente no código de uma página da web, criando um par de tags de script entre as tags head de abertura e fechamento. No entanto, todas essas instruções podem ser gravadas em um arquivo separado com a extensão js, que, posteriormente, pode ser conectado à página.

Recomendado: