1.

a. A web page can contain three web development layers. One of these is the
content layer. State one use of the content
layer. ......................................................................................................................
................................................................................................................................
[1]
b. Identify the other two web development layers and give a use for each.
1..............................................................................................................................
Use..........................................................................................................................
................................................................................................................................
2..............................................................................................................................
Use..........................................................................................................................
......................................................................................................................... [4]

2. A web page has an attached stylesheet in the head section and also has an inline style attribute
in the body section. Explain why the inline style attribute is
used. ..................................................................................................................................................
.................................................................................................................................................. ........
.......................................................................................................................................... ................
.................................................................................................................................. [2]
3. Complete each of the following sentences about web development layers. (a) The layer used to
create the structure of a web page is
called ........................................................................................................................................... [1]
[Link] layer used to display and format elements within a web page is
called ........................................................................................................................................... [1]
c. The layer that is a scripting language to control elements within a web page is
called ........................................................................................................................................... [1]
4. A stylesheet for a website can contain both styles and classes.
a. Explain the differences between a style and a
class. ........................................................................................................................................... ......
..................................................................................................................................... .....................
...................................................................................................................... ....................................
....................................................................................................... ...................................................
 ........................................................................................ ..................................................................
......................................................................... [3]
b. State the web development layer where the stylesheet is
used. ........................................................................................................................................... [1]
5. Metatags can be used in a web page. A metatag can be used to define the viewport settings.
Identify three other items that can be defined in metatags.
a. 1 ........................................................................................................................................
2 ........................................................................................................................................
3 ........................................................................................................................................ [3]
Metatags are used in the HTML of web pages. State the section of the HTML which contains
the metatags.
b. ........................................................................................................................................... [1]
6. In the following section of HTML markup there are a number of mistakes.

<td>

<p>Manta conservation workshops and holidays can be booked through

the Xtreme Adventure Holiday Company or by <a href="[Link]

clicking here. </p>

<td>

<p><href="[Link] us for details of our

Manta Education Packs or <a href="mailto,tmcp@[Link],subject=Donation by

John>">click on this link<a> to discover how to donate to help us preserve

these disappearing species.</p>

</td>

Identify six mistakes which prevent this from working as intended.

1 ...............................................................................................................................................

..................................................................................................................................................
 2 ...............................................................................................................................................

..................................................................................................................................................

3 ...............................................................................................................................................

..................................................................................................................................................

4 ...............................................................................................................................................

..................................................................................................................................................

5 ...............................................................................................................................................

..................................................................................................................................................

6 ...............................................................................................................................................

............................................................................................................................................[6]

7. A student is producing a website for his history course. He has produced the following CSS.
However, he has made some mistakes in the coding.

h1 {color: #ff0000; font-family: "Times New Roman", Times, serif font-size: 30pt; text-weight:
bold; text-align: centre;}
h2 {color: #000000; font-family: Courier, Times, serif; font-size: 14pt; text-decoration:
underlined; text-align: justify;}
body [background-color: #ad88e6;]
table {border-color: #000000; border-style: dot; border width: 3px;}
tbody {background-color: #c6dde8;}

Write down six mistakes that have been made in the CSS and for each, give the correction. Your
answers should be different in each case.
1 ............................................................................................................................................... ........
..........................................................................................................................................
2 ............................................................................................................................................... ........
..........................................................................................................................................
 3 ............................................................................................................................................... ........
..........................................................................................................................................
4 ............................................................................................................................................... ........
..........................................................................................................................................
5 ............................................................................................................................................... ........
..........................................................................................................................................
6 ............................................................................................................................................... ........
.................................................................................................................................... [6]

8. You are a student creating a website for your IGCSE ICT revision work. You have produced some

HTML, but have not yet added the logo or merged the cells. You are aiming to produce the following

page.

Part of the markup you have produced is:

...

<table>

<tr>

<td><h1>IGCSE ICT</h1></td>

</tr>

<tr>

<td><h3>Theory</h3></td>

<td><h3>Practical 1</h3></td>

<td><h3>Practical 2</h3></td>
</tr>

<tr>

<td><h3>2 hour<br>Theory exam</h3></td>

<td><h3>2.5 hour<br>Practical exam</h3></td>

<td><h3>2.5 hour<br>Practical exam</h3></td>

</tr>

</table>

Write the HTML that would display the image called “[Link]” as shown in Fig. 1. If the browser

cannot find the image, then the text “Tawara School Logo” will be displayed.

(a)

...........................................................................................................................................

...........................................................................................................................................

...........................................................................................................................................

........................................................................................................................................... [5]

The third line of HTML currently shown in Fig. 2 does not produce the title as shown in Fig. 1.

Write the HTML that would produce the title as shown in Fig. 1.

(b)

...........................................................................................................................................

........................................................................................................................................... [2]

9. A teacher is creating a web page in HTML to display on the school’s intranet. All colour codes
must be in hexadecimal. It has the following style sheet attached:
h1 {color: #ff0000; font-family: Times, serif; font-size: 30pt; text-align: center;}

h2 {color: #0000ff; font-family: Times, Helvetica, serif; font-size: 24pt; text-align: center;}
h3 {color: #00ff00; font-family: Times, Helvetica, serif; font-size: 14pt; text-align: justify;}

body {background-color: #ad88e6;} table {border-color: #000000;}

Having tested the web page the teacher needs to make some changes to the style sheet.
Write down the CSS to:
edit style h1 so that the font is Comic Sans or, if not available, Arial or, if this is not available, the
browser’s default sans-serif font.
(a) font-
family: ........................................................................................................................ ......................
..................................................................................................................... [3]
(b) add markup to the table style to set a 3 pixel wide, dashed external border.
table {border-color:
#000000; ........................................................................................... ...............................................
......................................................................................... } [4]
(c) edit style h3 so that the colour is set to black. h3
{color: ........................................................................................................................... ....................
....................................................................................................................... [1]
(d) add markup to the start of style h2 to display the text as bold.
h2
{.................................................................................................................................... .....................
...................................................................................................................... [2]