NEW
Font size
WorksheetsWeb Authoring (10th)
Total questions: 50
Worksheet time: 25mins
Rohan has added this line of code to a new site. What will the code do?
insert an image file named ‘logo’ with a description of ‘Company logo’, 100 pixels wide
insert a company logo named img src, 100 pixels wide
insert a logo named img src, 100 pixels wide
insert a background logo, 100 pixels wide
Which line of code will create an external hyperlink to this website?
<a href=“https://www.pearson.com”>Pearson Webpage</a>
<a =“https.pearson.com”>Pearson Webpage</a>
<ext=“https://www.pearson.com”>Pearson Webpage</e>
<a hfer=“https://www.pearson.com”>Pearson Webpage</a>
As the web page develops, anchors are added to the page to aid user experience. Which of the following describes to purpose of an anchor?
To link to a specific point within a web page
To allow images and sound to be added
To format text and images
To embed code from another page
Which of the following lines of HTML correctly allows an image of a wind turbine with a text alternative title to be added to a page?
<img src=“wind_turbine.jpg” alt=“Wind turbine in field”>
<image =“wind_turbine.jpg” name=“Wind turbine in field”>
<photo src=“wind_turbine.jpg” title=“Wind turbine in field”>
<img insert=“wind_turbine.jpg” text=“Wind turbine in field”>
Which of the following HTML formatting commands would be used to place a block of text at the left of a line in Arial?
font-align and font-family
font-style and font-family
font-style and background colour
font-size and font-align
Web pages allow users to access information. The web page will display an image. Write the HTML code to display this image. Assume that :
<img src="coffeecup.png" style="width:200px; height:300px;"
<img src="coffeecup.jpg" style="width:200px; height:300px;"
<image src="coffeecup.png" style="width:200px; height:300px;"
<img source="coffeecup.png" style="width:200px; height:300px;"
Add the missing code on lines 3
</title>
<title>
<end title>
</head>
Add the missing code on lines 4
</title>
<title>
<end title>
</head>
Add the missing code on lines 13
</title>
</head>
</table>
</body>
Describe the purpose of the HTML Tags used at points A
heading
paragraph
table
title
Describe the purpose of the HTML Tags used at points B
heading
paragraph
table
title
Which of the following lines of HTML correctly allows an image of a wind turbine with a text alternative title to be added to a page?
<img src=“bunaken.jpg” alt=“bunaken”>
<img src=“bunaken.jpg” title=“bunaken”>
<img src=“bunaken.jpg” text=“bunaken”>
<img src=“bunaken.jpg” name=“bunaken”>
Metadata is often added to the HTML of website. State one example of metadata.
<meta name="author" content="Derren Jones">
<img src=“metadata.jpg” alt=“Metadata”>
<metadata name="keywords" content="Puhua, Pearson">
<head> <title> Meta </title> </head>
Which of the following HTML formatting commands would be used to place a block of text at the left of a line in bold?
font-align and font-family
font-style and font-family
font-align and font-style
font-size and font-align
Which of the following describes to purpose of an anchor?
To link to a specific point within a web page
To allow images and sound to be added
To format text and images
To embed code from another page
What is the purpose of adding metadata to a web page?
To give additional data about a web page
To create a clickable link for the user
To link from one part of a page to another
To create a new paragraph
What is the purpose of adding an internal bookmark to a web page?
To link from one part of a page to another
To give a description of the site
To give additional data about a web page
To create a new paragraph
In addition to text, state other types of media added to web sites.
image
bookmark
font
background
Choose the correct HTML element to define important text
<strong>
<em>
<u>
<p>
Where would the ˂title˃...˂/title˃ tags appear in a HTML file?
within the head section
within the body section
as the first line to let the browser know that it is an HTML file
within the footer section
Use the correct HTML tag to add a paragraph with the text "Hello World!".
<p> Hello World!</p>
<p> Hello World!
<h1> Hello World!</h1>
<strong> Hello World!</strong>
Explain what the <tr> tags are used for:
used to create a table row
used to create a cell within a row
used to create a table
used to create a data
Explain what the <td> tags are used for:
used to create a table row
used to create a cell within a row
used to create a table
used to create a data
Use the correct HTML to make the image become a link to "default.html".
<a href="default.html">
<img src="smiley.gif">
</a>
<link="default.html">
<img src="smiley.gif">
</link>
<img src="smiley.gif">
<a href="default.html"></a></img>
<img src="smiley.gif" href="default.html">
Describe how the use of ‘Alt text’ supports users with poor internet connections
These describe the image when it cannot be displayed
Increase amount of data downloaded
In order to decrease loading times
Provides a description of web page
Use the correct HTML attribute, and CSS, to set the color of the paragraph to "blue".
<p style="color:blue;">This is a paragraph.
</p>
<p>
<style="color:blue;">This is a paragraph.
</p>
<p "color:blue;">
This is a paragraph.
</p>
<p> <"color:blue;">
This is a paragraph.
</p>
Write the HTML using a text editor to create a web page like this:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> Hello World! </h1>
<p>This is my first HTML page</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> Hello World! </h1>
<p>This is my first HTML page</p>
</html>
<!DOCTYPE html>
<html>
<body>
<h1> Hello World! </h1>
<p>This is my first HTML page</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p> Hello World! </p>
<p>This is my first HTML page</p>
</body>
</html>
Write the HTML using a text editor to create a web page like this:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
<tr><th>Feb</th><th>March</th></tr>
<tr><td>12</td><td>11</td></tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
<td><tr>Feb</tr><tr>March</tr></td>
<td><tr>12</tr><tr>11</tr></td>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
<tr><td>Feb</td><td>March</td></tr>
<tr><td>12</td><td>11</td></tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<table>
<body>
<tr><th>Feb</th><th>March</th></tr>
<tr><td>12</td><td>11</td></tr>
</body>
</table>
</html>
HTML is used to structure web pages.
This picture shows some HTML code.
Explain the purpose of the HTML code on line 3.
the user will be taken to booking.html when they click the image
the user will be taken to the image when they click booking.html
the user will be taken to booking.html when they click "BOOKING"
the user will be taken to the image when they click the image
Which HTML element defines the title of a document?
<title>
<meta>
<head>
<body>
Which doctype is correct for HTML5?
<!DOCTYPE html>
<!DOCTYPE HTML5>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">
<!DOCTYPE>
Which line of code will create an external hyperlink to this website?
<a href="https://www.pearson.com">Pearson Webpage</a>
<ext="https://www.pearson.com">Pearson Webpage</a>
<a="https://www.pearson.com">Pearson Webpage</a>
<a hrf="Pearson Webpage">https://www.pearson.com</a>
Choose the correct HTML element for the largest heading:
<h1>
<h5>
<heading>
<head>
Write the HTML using a text editor to create a web page like this:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> <u> All about Pluto </u> </h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> All about Pluto </h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> <em> All about Pluto </em> </h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> <em> <u> All about Pluto </u> </em> </h1>
</body>
</html>
Write the HTML using a text editor to create a web page like this:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>There are 8 planet </p>
<p> <em> Pluto is classified </em> </p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>There are 8 planet </p>
<em> Pluto is classified </em>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>There are 8 planet </p>
<p> Pluto is classified </p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<p>There are 8 planet </p>
<p> <em> Pluto is classified </em> </p>
</head>
<body></body>
</html>
What is the correct HTML for creating a hyperlink?
<a href="http://www.jungle.com">Jungle</a>
<a> http://www.jungle.com </a>
<a name="http://www.jungle.com">Jungle</a>
<a> href=http://www.jungle.com </a>
What is the correct HTML for inserting an image?
<image src="image.png" alt="MyImage">
<img src="image.png" alt="MyImage">
<img alt="MyImage">image.png</img>
<img href="image.png" alt="MyImage">
Emphasize the word "metropolitan" in the text below.
<u> </u>
<strong> </strong>
<em> </em>
<p> </p>
What does HTML stand for?
Hyper Text Markup Language
Home Tool Markup Language
Hyperlinks and Text Markup Language
Hyper Text Model Language
What is the correct HTML for adding a background color for web page?
<body background-color:yellow >
<background>yellow</background>
<body bg="yellow">
<body style="background-color:yellow;">
Which character is used to indicate an end tag?
/
<
*
"
Which of these elements are all <table> elements?
<table><tr><tt>
<table><tr><td>
<thead><tr><body>
<head><table><body>
Which HTML attribute specifies an alternate text for an image, if the image cannot be displayed?
longdesc
src
alt
title
Use the correct HTML attribute to make the first TH element span two columns.
colspan = "2"
rowspan = "2"
border = "2"
merge = "2"
Write the HTML using a text editor to create a web page like this:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="youngfemale.png" alt="Young female">
<h1>Young female athletes need ...</h1>
<p>Britain's mountain bike ...</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img alt="youngfemale.png" src="Young female">
<h1>Young female athletes need ...</h1>
<p>Britain's mountain bike ...</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="youngfemale" alt="Young female">
<h1>Young female athletes need ...</h1>
<p>Britain's mountain bike ...</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="youngfemale.png" alt="Young female">
<h1>Young female athletes need ...
<p>Britain's mountain bike ...</h1></p>
</body>
</html>
The following tag indicates...
<!Doctype html>
a document is created
a document is closed
end of a paragraph
a document is opened
What is the function of the tag below?
<title> this tag </title>
show the server how to title the website
show the server how to index the website
store meta information about the title
stores the title of the website for the browser and search engine results
What is an HTML element?
content inside body tag
start tag and an end tag, with content in between
everything which is visible when viewing the site
everything inside the head tag
HTML tags are always surrounded by
( )
< >
{ }
" "
This tag tells the browser what to display as the page title at the top and tells search engines what the title of your site is.
Body
Heading
Title
HTML
