Como Mudar O Fundo Em HTML

Índice:

Como Mudar O Fundo Em HTML
Como Mudar O Fundo Em HTML

Vídeo: Como Mudar O Fundo Em HTML

Vídeo: Como Mudar O Fundo Em HTML
Vídeo: Como Colocar Imagem de Fundo no HTML com CSS (AULÃO COMPLETO) 2024, Novembro
Anonim

O plano de fundo da página pode ser definido por meio de HTML e CSS, especificando as diretivas apropriadas no código-fonte do documento. Os atributos usados em linguagens de marcação são suportados pela maioria dos navegadores modernos e serão exibidos corretamente em quase todos os visitantes de seu site.

Como mudar o fundo em HTML
Como mudar o fundo em HTML

Parâmetro de fundo

Abra seu arquivo de página HTML para edição no editor que você está usando. Para fazer isso, você pode clicar com o botão direito no documento e selecionar a seção "Abrir com".

A estrutura de um arquivo HTML é uma série de descritores de vários níveis e propósitos. O código da página geralmente começa com uma tag. Isso geralmente é seguido por uma seção que contém o título da página e o código CSS. Depois que o descritor é fechado, o corpo da página começa. O atributo para definir a imagem de plano de fundo da página é definido como um parâmetro de plano de fundo adicional para esta tag. O código para criar o plano de fundo da página será semelhante a este:

Nesse caso, o caminho para a imagem pode ser um URL (começando com https://). O local pode ser especificado no diretório raiz (/root/folder/background.jpg) ou relativo ao local do documento HTML que está sendo editado (por exemplo, pasta / background.jpg).

Salve suas alterações e abra a página em um navegador. Para fazer isso, clique com o botão direito e selecione "Abrir com". Na lista fornecida, indique o nome do programa que você está usando para navegar na Internet. Se o parâmetro de fundo foi definido corretamente, você verá a imagem de fundo especificada anteriormente. Se a imagem não for exibida, verifique a exatidão do atributo de fundo e o caminho para o arquivo de fundo.

Parâmetro Bgcolor

Para definir a cor de fundo sem uma imagem, você pode usar a diretiva bgcolor. Como um valor para este atributo, você pode especificar o nome da cor em inglês ou usar o valor da cor na paleta HTML. Por exemplo:

Este código dá à página um fundo azul. Se você deseja definir um matiz de cor ou uma cor mais precisa, use os valores da paleta HTML:

Nesse caso, # 002902 é a cor a ser fornecida à página.

Atributos CSS

Você também pode definir o plano de fundo usando o CSS nos parâmetros:

Com CSS, você também pode especificar a imagem de fundo da página por meio da imagem de fundo:

Usar CSS e HTML fornece os mesmos resultados, no entanto, é preferível usar CSS ao definir os parâmetros de exibição da página.

Recomendado: