Site hosted by Angelfire.com: Build your free website today!
HOME   NEXT   PREVIOUS

Exercises for weeks 4 - 6

EXERCISE 10 EXERCISE 11 EXERCISE 12 EXERCISE 13 EXERCISE 14 EXERCISE 15

EXERCISE 10

Changing Font Colour,Type and Size

If you do not want to use the default settings i.e. Times New Roman, Size 3 and colour black
You can use the font tag to change these properties.
When using colours always remember the principles of page design.

Change Font Colour

To change font colour we use the font tag and the color attribute.
To make sure that colours do not differ from browser to browser
choose one from the 216 safe web colours. The hexadecimal code for this colour is #fff6699

TOP

EXERCISE 11

Change Font Type

To change font type we use the font tag and the face attribute.
This piece of text is written using the ARIAL font type.
Remember that if the browser does not find the specified font type on your visitors computer it will render the text in the default setting.

TOP

EXERCISE 12

Change Font Size

To change font size we use the font tag and the size attribute.
The size for this piece of text is 5
Note: The default size for most browsers is size 3.

TOP

EXERCISE 13

Tables

Tables consit of rows and columns. One row and one column create a cell
To display a table in web pages we use the table tags
To display a one cell table we use the table row tag and the table data tag.
The td tag represents the column and is nested inside the tr tag.
The tr tag represents a table row and is nested inside the table tag.
For example the table below has one row and one column that makes up a cell


Cell One

The table below has two rows and two columns that make up 4 cells! Just copy and paste!
Note:This table also has a border!

Cell One Cell Two
Cell Three Cell Four
TOP

EXERCISE 14

Table headers

If you want to include labels at the top of each column use the table header tag (th)
Table header tags center the text in the cell

First Name

Surname

Mary Panayiotou

TOP

EXERCISE 15

Incerting other elements in a table

You can put any of the following within the TD tags:

The table below displays an example of each

How to

use other tags

in a table

Image of a butterfly
  1. Links
  2. Lists
  3. Images
Link to Angelfire.com

TOP   HOME  NEXT   PREVIOUS