Main Menu
Multiwingspan Home Page
Multiwingspan Games
Gnasher @ Multiwingspan
Multiwingspan Calendar
Multiwingspan Clock
About Multiwingspan
Programming
Visual Basic 6.0 Guide
Visual Basic 6.0 Examples
Turbo Pascal Guide
SWI Prolog Guide
Visual Basic 2005 Guide
Structured Query Language
Web Design
HTML Design Tasks
Introduction To HTML
Introduction To CSS
Introduction To Javascript
Notes
AS/A2 Level Computing

HTML Guide
Formatting Tags

Changing The Background Colour

Tags can be modified by attributes.

eg <body bgcolor="colorname"> </body>

Replace the word colorname with one of the following colours to fix the web page’s background colour.

aqua black blue fuchsia
gray green lime maroon
navy olive purple red
silver teal white yellow

Adding the word light or dark modifies the colour. This colour list can be used whenever you need to specify colour attributes in HTML

Many tags can have attributes. It is also possible to have more than one attribute within the same tag.

eg <body bgcolor="green" link="black"> </body>

This code would set the page’s background colour to green and make all unvisited hyperlinks black.

Changing fonts and aligning your text.

Use the <font> tag to modify the colour, size and font of your text.

eg <font face="Arial" color="green" size="4">This is green writing</font>

The first tag selects the font to use, sets the text colour to green and specifies the size of the writing. The second tag ends this instruction. Subsequent text will not be displayed using these settings. Font sizes run from 1 (v small) to 7 (largest).

When selecting the font(s) to use on your web page you should consider the likelihood of the more obscure fonts being present on the user’s PC. If the font that you specify is not then your text will be displayed using the default font.

You can align the text in the centre of the page by adding the following tags.

<center><font face="Arial" color="green" size="4">This is green writing</font></center>

Exercise 2

Open your first web page in Notepad. Change the colour of the text and centre the title. Apply a background and save your work. View your page in the browser and print your work.

Return To HTML Guide || Return To Homepage