1 HTML is used to structure web pages.

(a) (i) State what is meant by an HTML element.

(1) ......................................................................................................................................................

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

.....

(b) (ii) State what is meant by an HTML attribute.

(1) ......................................................................................................................................................

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

.....

(c) ) Figure 1 shows some HTML code

Explain the purpose of the HTML code on line 3.

(2) ......................................................................................................................................................

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

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

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

.....

(d) Figure 2 shows how a list of facts about bees should be displayed in a browser. The HTML code

should: show a number for each fact display each fact on a new line.

The page does not display as intended because there are two errors in the HTML code.
Open file Q01c.html in a browser to identify the errors.

Open the file in your editor.

Amend the code to correct the two errors.

Save your amended code as Q01cFINISHED.html (2)

2) Explain the purpose of the data-* attribute.

(2) ..............................................................................................................................................................

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

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

.....

Web pages can use meta tags. Figure 1 shows HTML code that contains a meta tag. Figure 1 Explain the

purpose of the HTML code on line 4. (3)

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

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

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

(a) Figure 2 shows how a list of facts about Pluto should be displayed in a browser. The HTML code
should:
 Underline the heading ‘All About Pluto’
 Make alternate lines italic. All About Pluto
 Figure 2 The page does not display as intended because there are two errors in the HTML code.
Open file Q01b.html in a browser to identify the errors.

Open the file in your editor.

Amend the code to correct the two errors. Save your amended code as Q01bFINISHED.html (2)

a) The web page shown in Figure 2 needs to have an audio clip added. The code must:

• include an HTML5 tag

• refer to the audio file “space.mp3”
• ensure controls are visible. Write the HTML code to insert the audio. (4)
b) CSS is used by browsers to format web page content.

A web page contains text that needs to be formatted. The heading needs to be white and 50 pixels.

Paragraph text needs to be right-aligned with a padding of 20 pixels. Open file Q02a.html page in your

editor. Amend the code to complete the formatting of the text.

Save your amended code as Q02aFINISHED.html (6)

Web pages use HTML and CSS. (a) The purpose of HTML is to create the structure of a web page. Give

the purpose of CSS.

(2) ..............................................................................................................................................................

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

.....

c) Figure 1 shows how a list of facts about London should be displayed in a browser. The HTML
code should:
• display each line with the bullet type shown
• display each fact on a new line • include the citation shown.

The page does not display as intended because there are two errors in the HTML code. Open file
Q01b.html in a browser to identify the errors. Open the file in your editor. Amend the code to
correct the two errors. Save your amended code as Q01bFINISHED.html (4)

A web page needs to have an iframe. The source of the iframe will be
https://www.bridgelon.com. It must have a width of 150 pixels and a height of 350 pixels.
 Write the HTML code to display this iframe. (6)

(d) State what is meant by the term metadata.

(1) ...................................................................................................................................................................

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

.....

(e) Figure 2 shows HTML code.

Explain the purpose of the HTML code on line 3.

(2) ...................................................................................................................................................................

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

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

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

.....

3) Browsers use HTML and CSS to display web pages.

(a) CSS code can be referenced within HTML documents by using style sheets.

Explain one difference between an external and an internal style sheet.

(2) ..............................................................................................................................................................
 ...................................................................................................................................................................

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

.....

(b) A web page contains a heading. The heading must have:

• a red, white and blue linear gradient background

• a 3-pixel red border

• centre-aligned text

• padding of 20 pixels. Open file Q02b.html in your editor.

Amend the CSS code to implement the heading. Save your amended code as
Q02bFINISHED.html (6)
Open your text editor and create a form with a focused input like the one shown in the figure below
(8)
Save your file as formreg

Open your text editor and create a Drop Down button exactly like the one shown below and save the
file as dropdown button. (15)