HTML
WEB DESIGN
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>
|
|