Hypertext and hyperlinks
Name:
Date:
Class:
A
Quick Questions
Shade in the A or B circle for each question.
1. Which describes hypertext?
2. What happens when you click a hyperlink on a web page?
3. Which HTML tag is used to create a hyperlink to another page?
4. A hyperlink can only take you to another web page, never to a file.
5. Why is the World Wide Web called a web?
B
Match the Pairs
Draw a line connecting each item on the left to its match on the right.
| Left column | Right column | |
|---|---|---|
| 1<a href="page2.html">Next page</a> | A<a href="contact.html">Contact us</a> | |
| 2<a href="notes.pdf">Download notes</a> | BThe link has no href attribute, so it does not say where to go. Clicking it will not take the user to another page. | |
| 3Hypertext is text that contains hyperlinks, so clicking the text takes you to another page | C<a href="index.html">Home</a> <a href="about.html">About</a> | |
| 4Pages are joined together by hyperlinks, which is why the web is called a web | DA hyperlink that takes the user to another web page when clicked | |
| 5<a>Go to the shop page</a> | EA hyperlink that takes the user to a file instead of a web page | |
| 6<a href="page2.html"></a> | FThe link has no text between the tags, so there is no hypertext for the user to click on. |
C
Definitions
hypertext
D
Fill in the Blanks
Complete each line of code by filling in the missing parts.
1.
<_ href="page2.html">Go to page 2</a>
2.
<a ____="about.html">About us</a>
3.
<a href="notes.pdf">Download notes</_>
4.
<_ href="notes.pdf">Notes (PDF file)</a>
5.
<a href="_____://www.bbc.co.uk">News</a>
E
Spot the Error
Shade in the letter of the line that contains an error.
Question 1
A
<p>
B
Read our guide:
C
<a src="help.html">Help</a>
D
</p>
Question 2
A
<p>Our pages:</p>
B
<a href="home.html">Home<a>
C
<a href="shop.html">Shop</a>
Question 3
A
<a link="notes.pdf">Notes</a>
B
<p>Click the link to open</p>
C
<p>the PDF file.</p>
Question 4
A
<h1>Maths Club</h1>
B
<a href="quiz.html"Quiz</a>
C
<p>Click the blue text.</p>
Question 5
A
<a href="map.png">Map</b>
B
<p>Click to open the map.</p>
C
<p>It is a file link.</p>
Answer Key
Hypertext and hyperlinks
Section A: Quick Questions
Q1
B — Text that contains hyperlinks to other pages or resources
Q2
A — You are taken to another page or resource
Q3
B — <a href="page2.html">Next</a>
Q4
A — False
Q5
A — Hyperlinks join pages together like a web of connections
Section B: Match the Pairs
Q1
<a href="page2.html">Next page</a> → A hyperlink that takes the user to another web page when clicked
Q2
<a href="notes.pdf">Download notes</a> → A hyperlink that takes the user to a file instead of a web page
Q3
Hypertext is text that contains hyperlinks, so clicking the text takes you to another page → <a href="contact.html">Contact us</a>
Q4
Pages are joined together by hyperlinks, which is why the web is called a web → <a href="index.html">Home</a> <a href="about.html">About</a>
Q5
<a>Go to the shop page</a> → The link has no href attribute, so it does not say where to go. Clicking it will not take the user to another page.
Q6
<a href="page2.html"></a> → The link has no text between the tags, so there is no hypertext for the user to click on.
Section C: Definitions
Q1
hypertext — Text that contains hyperlinks. Clicking a link takes you to another web page or file. Links join pages together, which is why the web is called a web.Section D: Fill in the Blanks
Q1
<a href="page2.html">Go to page 2</a>Q2
<a href="about.html">About us</a>Q3
<a href="notes.pdf">Download notes</a>Q4
<a href="notes.pdf">Notes (PDF file)</a>Q5
<a href="https://www.bbc.co.uk">News</a>Section E: Spot the Error
Q1
C — A hyperlink needs the href attribute to say which page to open. src is not used for links. It should be <a href="help.html">Help</a>.
Q2
B — The link must be closed with the end tag </a>. Writing <a> opens a new link instead. It should be <a href="home.html">Home</a>.
Q3
A — The attribute that holds the link target is called href, not link. A hyperlink can point to a file such as a PDF: <a href="notes.pdf">Notes</a>.
Q4
B — The opening <a> tag is missing its closing > before the link text. It should be <a href="quiz.html">Quiz</a>.
Q5
A — A link opened with <a> must be closed with </a>, not </b>. It should be <a href="map.png">Map</a>, which links to a file.