Name: Date:

Level: Grade 9
Subject: Information and Communication Technology
Score: /25
Topic: CSS /Borders/Table/Anchor
Direction: Follow the instructions below
1. Create a web page called blocks.htm . [1]
2. This web page must work in all browsers and will have a table structure as shown below. Table
borders and grid lines must be visible. The table will be centre aligned within the browser. Each
table cell is identified with a letter and all dimensions are in pixels. [8]

The letters shown in the table

must not appear on your final web
page.
Each row will have yellow color when hover by the mouse.
The style of the border is dashed with 5 pixels as its size

3. Place in cell A the image BlockLogo.jpg. This is the logo of the company which appears on the
company vehicles, letterheads, etc. [2]
4. Place in cell F the image BlockImage.jpg. [2]
5. Place the text:
• Bricks in cell B
• Blocks in cell C
• Bobby’s Bricks Homepage in cell D
• Web page edited by followed by your NAme in cell E
• Return to the top as a new line of text in cell E.
• Set all this text as style h1. [6]
6. Place a link called top at the top of the web page.
• Make the text Return to the top a hyperlink to this anchor. [2]
7. Centre align the table in the browser. [1]
8. Add to your stylesheet, a style to define the background colour of the page with these
hexadecimal colour components: [1]
• Green B8
• Blue FE
• Red A2
9. Set styles h1 so that the text displayed is centre aligned and the font displayed is: [1]

10. Set style h1 to have:

• a height of 34 pixels
• a colour with a red component of 1F and no other colour components. [1]