| Mark Scheme for Introduction to HTML5 Page |
|
| Notice: Some of the Exercise Answers are very flexible as there many different ways of writing a solution,these Mark Schemes are just suggested answers. |
|
| 1) Create a document that represents a webpage that includes a header and two paragraphs. Make the title of the page “Exercise: 1”. Make the header size 3. Don’t forget to include the closing tags!
|
|
<!DOCTYPE html>
<html>
<head><title>Exercise 1</title></head>
<body>
<h3>Exercise 1</h3>
<p>This exercise is making me practice my ability to make paragraphs.</p>
<p>More than one paragraph is required</p>
</body>
</html>
|
| What this Shows on the Webpage |
| Click Here to View!
|
|
|
| 2) Can you make a picture into a link? Choose any picture and destination website you would like
|
In the main body, there must be a hyperlink element. |
|
<a href=”website URL”><img src=”image URL”/></a>
|
|
|
| 3) Using this code can you tell what the final outcome will be? (Look at Example on Introduction to HTML5 Page) Research the remaining countries missing from the list and sketch the final table. What do the tags do?
HINT: “colspan” causes the element to be spread over multiple columns. |
|
<!DOCTYPE html>
<html>
<head> <title>Table</title></head>
<body>
<table border="1">
<tr>
<th colspan="3"><em>Table to Show World Population</em></th>
</tr>
<tr>
<th>Rank</th>
<th>Country</th>
<th>Population</th>
</tr>
<tr>
<td>1</td>
<td>China</td>
<td>1,355,692,576</td>
</tr>
<tr>
<td>2</td>
<td>India</td>
<td>1,236,344,631</td>
</tr>
<tr>
<td>3</td>
<td>USA</td>
<td>318,892,103</td>
</tr>
<tr>
<td>4</td>
<td>Indonesia</td>
<td>253,609,643</td>
</tr>
<tr>
<td>5</td>
<td>Brazil</td>
<td>202,656,788</td>
</tr>
</table>
</body>
</html>
|
| What this Shows on the Webpage |
| Click Here to View!
|
|