Photo AI
QUESTION 6: WEB DESIGN (HTML) NOTE: - You may NOT use a word processing program such as Word to answer the HTML questions - NSC Computer Application Technology - Question 6 - 2023 - Paper 1
Question 6
QUESTION 6: WEB DESIGN (HTML) NOTE: - You may NOT use a word processing program such as Word to answer the HTML questions. - An HTML tag sheet has been attached fo... show full transcript
Worked Solution & Example Answer:QUESTION 6: WEB DESIGN (HTML) NOTE: - You may NOT use a word processing program such as Word to answer the HTML questions - NSC Computer Application Technology - Question 6 - 2023 - Paper 1
Step 1
6.1.1 Insert an attribute to the body tag so that the web page color displays light blue.
Answer
To display a light blue background color in the web page, you should modify the <body> tag in the HTML file to include the bgcolor attribute. The code should look like this:
<body bgcolor="LightBlue">
This sets the background color to light blue, as required.
Step 2
6.1.2 Modify the image tag attributes so that the images appear as shown in the example on the previous page.
Answer
You should adjust the image tag attributes to set the height to 100 and width to 140, and align it to the left as shown below:
<img src="6_1Rover.png" height="100" width="140" align="left">
This ensures the image is displayed properly in the web page.
Step 3
6.1.3 Change the HTML code so that the 'Home' text displays in the table as shown in the example on the previous page.
Answer
For the 'Home' text to display correctly in the table, you need to make sure that the <th> tag includes a link and is properly aligned. The HTML code should be updated as follows:
<th width="25%"><a href="Home.html">Home</a></th>
This creates a table heading that is linked to the Home page.
Step 4
6.1.4 Insert a tag to the table heading 'Ts and Cs' so that it will link to the 6_1Win web page.
Answer
You should add a link to the 'Ts and Cs' table heading using the following code:
<th width="25%"><a href="6_1Win.html">Ts and Cs</a></th>
This makes the 'Ts and Cs' heading clickable, linking it to the designated webpage.
Step 5
6.1.5 Modify the HTML code to display the list as shown in the example on the previous page.
Answer
To display the list correctly, you must change the list to an ordered list with the proper type attribute. Here’s how you should structure it:
<ol type="a">
<li>... List Item 1 ...</li>
<li>... List Item 2 ...</li>
...
</ol>
This provides an ordered list where the items are labeled with letters.
Step 6
6.2 Complete the web page to resemble the example below.
Answer
To complete the 6_2Opening webpage, you should insert the following HTML elements:
- Add a heading with center alignment and a specific font:
<h1 align="center"><b><font face="Bradley Hand ITC">New branch opening soon</font></b></h1> - Insert a horizontal line with a specific color:
<hr size="10" color="Orange"/> - Include a centered table with content:
<center> <table border="5"> <tr> <th width="100"><img src="6_2Father.jpg" height="50" width="80"></th> </tr> </table> </center> - Ensure that all elements are properly closed and nested to maintain HTML structure.