Arduino para Iniciantes

Cursos


Simulados


P&R

Arduino-36 Projetos

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colabora��o.

Os doadores receber�o material que n�o consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.


Tutoriais HTML - 4

Tutorial para Saber como Alterar a Cor de Fundo

  Em HTML, podemos alterar a cor de fundo de uma p�gina da Web de tr�s formas diferentes:

  Usando o atributo bgcolor
  Usando um atributo style inline (estilo embutido)
  Usando CSS interno

  Usando o atributo bgcolor

  OBS.: HTML 5 n�o suporta o atributo bgcolor da tag <body>, ent�o temos que usar o atributo de style inline e op��es CSS internas para alterar a cor de uma p�gina da web.

  Se quisermos mudar a cor de fundo de uma p�gina da web usando o atributo bgcolor, temos que seguir os passos que s�o dados abaixo. Usando essas etapas, podemos facilmente alterar a cor de um plano de fundo:

  Passo 1: Em primeiro lugar, temos que digitar o c�digo Html em qualquer editor de texto ou abrir o arquivo HTML existente no editor de texto no qual queremos usar o atributo bgcolor para alterar a cor de fundo dessa p�gina Html.

  

  Passo 2: Agora, mova o cursor dentro da tag <body> inicial em nosso documento Html. E, a seguir, digite o atributo bgcolor conforme mostrado no seguinte bloco:

  <body bgcolor = "">

  Passo 3: Agora, temos que dar a cor que queremos usar no fundo da p�gina. Portanto, digite o nome da cor no atributo bgcolor conforme descrito no bloco a seguir.

  

  Passo 4: E, por �ltimo, temos que salvar o c�digo HTML no editor de texto e executar o c�digo. Ap�s a execu��o, veremos o fundo da p�gina da web na mesma cor que est� especificada no documento. A captura de tela a seguir mostra a sa�da do c�digo Html acima:


  Usando um Atributo Style Inline

  Se quisermos mudar a cor de fundo de uma p�gina da web usando um atributo de estilo embutido, temos que seguir os passos que s�o dados abaixo. Usando essas etapas, podemos facilmente alterar a cor de fundo.

  Passo 1: Em primeiro lugar, temos que digitar o c�digo Html em qualquer editor de texto ou abrir o arquivo Html existente no editor de texto no qual queremos usar o atributo style Inline para alterar a cor de fundo dessa p�gina HTML.

  

  Passo 2: Agora, mova o cursor dentro da tag <body> inicial em nosso documento Html. E, a seguir, digite o atributo de estilo conforme mostrado no seguinte bloco:

  <body style = "background-color:">

  Passo 3: Agora, temos que dar a cor que queremos usar no fundo da p�gina. Portanto, digite o nome da cor na propriedade background-color do atributo style conforme descrito no bloco a seguir.

  

  Passo 4: E, por �ltimo, temos que salvar o c�digo HTML no editor de texto e executar o c�digo. Ap�s a execu��o, veremos o fundo da p�gina da web na mesma cor que est� especificada no documento, conforme mostra a imagem a seguir:


  Usando CSS Interno

  Se quisermos mudar a cor de fundo de uma p�gina da web usando uma folha de estilo em cascata interna, temos que seguir os passos dados a seguir. Usando essas etapas, podemos facil-mente alterar a cor de fundo.

  Passo 1: Em primeiro lugar, temos que digitar o c�digo HTML em qualquer editor de texto ou abrir o arquivo Html existente no editor de texto no qual queremos usar o CSS interno para alterar a cor de fundo dessa p�gina HTML.

  

  Passo 2: Agora, temos que colocar o cursor na tag head do documento Html e ent�o definir os estilos dentro da tag <style> como mostrado no bloco a seguir. E, a seguir, digite o atributo background-color no elemento body.

  

  Passo 3: E, por �ltimo, temos que salvar o c�digo Html no editor de texto e executar o c�digo. Ap�s a execu��o, veremos o fundo da p�gina da web na mesma cor que est� especificada no documento, conforme mostra a imagem a seguir:

<< Tutorial para Saber como Alterar a Cor do Texto

Tutorial para Saber como Criar Coment�rios >>



Tutoriais


Programas



Projetos


O Catador de Lixo Arduino para Iniciantes Programando com Arduino-12 Projetos
Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL
P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python
Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL
Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python
Projetos

Android
App Inventor 2
Arduino

Copyright 2020 - Simulados & Tutoriais - Todos os Direitos Reservados.