Tuesday 3 November 2009

Tutorial 2 : HTML Background Color

Lets add a bit of color to that boring old webpage we have right now. We can specify the background color by using the following:

<body style="background-color:teal;">

Save this and then refresh your browser which is viewing the page. The background of the page should now be the color teal.

But wait we can also do a lot more with the line of code above. For instance if we wanted to change the color of the text displayed we could just add:

<body style="background-color:teal; color:red">

As you can see all the text displayed on your webpage will now be red against a teal background.

You should play about with this a bit and see what colors you think go well together. This will also help you remember the line of code better as you will have had more practice with it.

congratulations you have completed Tutorial 2 : HTML Background Color

In the next tutorial we shall start to manipulate the text that you put into your webpage.


No comments:

Post a Comment