HTML WEB DESIGN

 

separator-blank.png

 

GUIDE – BACKGROUND COLOUR

 

  • Some tags can be customized to alter their effect.  We do this by adding an attribute inside the tag and then giving that attribute a value.

  • Add the bgcolor attribute to the existing body tag.  Set its value to green.  The body tag will look like this:

         <body bgcolor="green">

 

 

<html>

<head>

   <title>My Page</title>

</head>

<body bgcolor="green">

Mr. Campeau is extremely cool.<br>

<br>

The teacher is very smart.

</body>

</html>

 

 

  • Try it!

  • About attributes. 
    • There is always a space between the tag name and the attribute.
    • The value of the attribute is always inside double quotes.
    • We always need an = symbol between the attribute and the value.

 

 

  • Try using a different colour as value.  Test your page.

 

 

<html>

<head>

   <title>My Page</title>

</head>

<body bgcolor="orange">

Mr. Campeau is extremely cool.<br>

<br>

The teacher is very smart.

</body>

</html>

 

 

  • To know which other colour names would work, try searching the internet for HTML color names.  There are many names that work.

  • If you want a pick a colour using a colour picker tool, you can do that too.  Search HTML color picker and you will find many tools that can generate a colour code for you. The code, also known as a HEX code, always consists of a # symbol followed by 6 characters.

  • Try using a HEX code for your background colour.

 

 

<html>

<head>

   <title>My Page</title>

</head>

<body bgcolor="#a30fbd">

Mr. Campeau is extremely cool.<br>

<br>

The teacher is very smart.

</body>

</html>