Browser function: navigation tools
Name:
Date:
Class:
A
Quick Questions
Shade in the A or B circle for each question.
1. A student clicks a link by mistake and wants to return to the page they were just on. Which button should they use?
2. After pressing Back, which button lets the user return to the page they had just left?
3. A live football scores page has not changed for several minutes. What should the user press to get the latest version of the same page?
4. Which statement about the home button is correct?
5. A student has clicked through five pages on a news site and wants to get straight back to their start page. Which tool is the quickest?
B
Match the Pairs
Draw a line connecting each item on the left to its match on the right.
| Left column | Right column | |
|---|---|---|
| 1Back button | ATakes the user to the previous web page they were viewing | |
| 2Refresh button | BForward button | |
| 3Returns the user to their chosen starting page with one click | CRefresh reloads the current page, it does not move to another page. Forward or a hyperlink moves to a new page. | |
| 4Moves the user to a page they had gone back from | DReloads the current web page to get the latest version from the web server | |
| 5Click Home to go back to the previous page | EHome button | |
| 6Click Refresh to move to the next page | FHome takes you to the start page, not the previous page. The back button goes to the previous page. |
C
Definitions
navigation tools
D
Fill in the Blanks
Complete each line of code by filling in the missing parts.
1.
// Same as the back button
history.____();
2.
// Same as the forward button
history._______();
3.
// Same as the refresh button
location.______();
4.
// Same as the home button
________.href = "home.html";
5.
// Following a hyperlink
<a ____="page2.html">Next page</a>
E
Spot the Error
Shade in the letter of the line that contains an error.
Question 1
A
current ← "news.html"
B
PRESS refresh TO "sport.html"
C
PRESS back
D
// current is now news.html
Question 2
A
PRESS forward
B
// forward button now active
C
PRESS forward
Question 3
A
OPEN "scores.com"
B
WAIT 60 SECONDS
C
PRESS back
D
// shows the latest scores
Question 4
A
PRESS refresh
B
currentPage ← homePage
C
// back at the starting page
Question 5
A
<a href="about.html">
B
About us
C
</link>
Answer Key
Browser function: navigation tools
Section A: Quick Questions
Q1
A — Back button
Q2
A — Forward button
Q3
B — Refresh (reload) button
Q4
B — It takes the user to their chosen start page
Q5
A — Home button
Section B: Match the Pairs
Q1
Back button → Takes the user to the previous web page they were viewing
Q2
Refresh button → Reloads the current web page to get the latest version from the web server
Q3
Returns the user to their chosen starting page with one click → Home button
Q4
Moves the user to a page they had gone back from → Forward button
Q5
Click Home to go back to the previous page → Home takes you to the start page, not the previous page. The back button goes to the previous page.
Q6
Click Refresh to move to the next page → Refresh reloads the current page, it does not move to another page. Forward or a hyperlink moves to a new page.
Section C: Definitions
Q1
navigation tools — Browser buttons such as back, forward, refresh and home that let the user move between web pages, reload the current page and return to a starting page.Section D: Fill in the Blanks
Q1
// Same as the back button
history.back();Q2
// Same as the forward button
history.forward();Q3
// Same as the refresh button
location.reload();Q4
// Same as the home button
location.href = "home.html";Q5
// Following a hyperlink
<a href="page2.html">Next page</a>Section E: Spot the Error
Q1
B — Refresh only reloads the current page. To reach a different page you follow a hyperlink, so the line should be FOLLOW link TO "sport.html".
Q2
A — The forward button only works after you have gone back. The first step must be PRESS back, which is what makes forward available.
Q3
C — Back would go to the previous page. To load the newest version of the current page you press refresh (reload).
Q4
A — Refresh reloads the page you are already on. The home button takes the user to their starting page, so it should be PRESS home.
Q5
C — A hyperlink is an anchor element, so it must be closed with </a>. There is no </link> closing tag for a clickable link.