Photo AI

Add the HTML code so that the text Save Sea Turtles appears in the browser tab - NSC Computer Application Technology - Question 5 - 2017 - Paper 1

Question icon

Question 5

Add-the-HTML-code-so-that-the-text-Save-Sea-Turtles-appears-in-the-browser-tab-NSC Computer Application Technology-Question 5-2017-Paper 1.png

Add the HTML code so that the text Save Sea Turtles appears in the browser tab. Change the size of the horizontal lines that comes within the heading "7 Things You ... show full transcript

Worked Solution & Example Answer:Add the HTML code so that the text Save Sea Turtles appears in the browser tab - NSC Computer Application Technology - Question 5 - 2017 - Paper 1

Step 1

Add the HTML code so that the text Save Sea Turtles appears in the browser tab.

96%

114 rated

Answer

To display the text "Save Sea Turtles" in the browser tab, you need to use the <title> tag in the HTML head section. The code should look like this:

<title>Save Sea Turtles</title>

Step 2

Change the size of the horizontal lines that comes within the heading "7 Things You Can Do To Save Sea Turtles" to 6.

99%

104 rated

Answer

To change the size of the horizontal lines, update the <hr> tag like this:

<hr size="6" color="black"> 

Step 3

Insert the image Baby Turtle found in the exam folder after the heading "7 Things You..." so that the width and the height of the image is 100 and 45 percent and that the text "Baby Turtle" to display if the image does not display in the browser.

96%

101 rated

Answer

To insert the image, use the <img> tag with appropriate attributes as follows:

<img src="Baby Turtle.jpg" width="100%" height="45%" alt="Baby Turtle">

Step 4

Change the word SEVEN in the first paragraph to bold.

98%

120 rated

Answer

To make the word "SEVEN" bold, wrap it in <b> tags like this:

<b>SEVEN</b>

Step 5

Change the unordered list displayed after the first paragraph to a square pattern.

97%

117 rated

Answer

To change the unordered list to a square pattern, use the type attribute in the <ul> tag:

<ul type="square">

Step 6

Change the heading "Most Endangered..." so that it becomes the heading for the whole table as shown in the screenshot.

97%

121 rated

Answer

To set the heading for the table, make sure it’s wrapped in <h1> tags and correctly placed within the table header rows:

<tr>
<th colspan="2">
<h1>Most Endangered Sea Turtles In The World</h1>
</th>
</tr>

Step 7

Make the following changes to the second row of the table containing the headings Turtle Name and Scientific name so that: 1. The row colour is green. 2. The font colour is white for both the headings.

96%

114 rated

Answer

To change the appearance of the second row, use inline styles with the <tr> and <th> tags:

<tr bgcolor="green">
<th><font color="white">Turtle Name</font></th>
<th><font color="white">Scientific Name</font></th>
</tr>

Step 8

Insert a caption tag below the displayed table in the webpage so that it displays "Table 1: List of Endangered Turtle Species" as shown in the screenshot.

99%

104 rated

Answer

To add a caption to the table, use the <caption> tag, ensuring it is centered:

<center><caption>Table 1: List of Endangered Turtle Species</caption></center>

Step 9

Correct the hyperlink tag to link to the www.SEETURTLES.org link.

96%

101 rated

Answer

To correct the hyperlink, ensure the href attribute points to the desired URL:

<a href="http://www.SEETURTLES.org" target="_blank">SEETURTLES.org</a>

Join the NSC students using SimpleStudy...

97% of Students

Report Improved Results

98% of Students

Recommend to friends

100,000+

Students Supported

1 Million+

Questions answered

;