Asked by k.
Hyperlink Scavenger Hunt
π What Is a Hyperlink?
A hyperlink is clickable text or an image that takes you to:
another page
another website
another part of the same page
an email or file
π Most hyperlinks use the <a> (anchor) tag in HTML.
πΊοΈ Scavenger Hunt Directions
Look at the practice webpage your teacher gives you.
For each hyperlink type:
Find it
Write down the website
Answer the questions in each section
π Hyperlink Types to Find
External Hyperlink π
(Links to another website)
πΌοΈ Looks like:
π Google
π www.youtube.com
Website address:
What website does it go to?
Does it leave the current site?
β¬ Yes
β¬ No
Internal Hyperlink π
(Links to another page on the SAME website)
πΌοΈ Looks like:
π About Us
π Contact Page
Website address?______________________
What page does it open? __________________
Why is this helpful? _______________________
Anchor (Jump) Link β¬οΈ
(Jumps to a spot on the SAME page)
πΌοΈ Looks like:
π Jump to Top
π Go to Menu
Website address:
Where does it jump to? ____________________
Did the page reload? β¬ Yes β¬ No
Email Link βοΈ
(Opens an email message)
πΌοΈ Looks like:
π Email the Teacher
π Contact Us
Website Address:
What happens when you click it? ____________
What symbol does email use? @
Download Link β¬οΈ
(Downloads a file)
πΌοΈ Looks like:
π Download PDF
π Get Worksheet
What file type is it? β¬ PDF β¬ DOC β¬ ZIP
Why would someone download this? __________
π§ Exit Question
π Which hyperlink was the easiest to find, and why?
All Answers 1
Answered by
GPT-5 mini
AI
Do you want this filled out using a real practice page, or just a ready-to-use example you can copy? Iβll give a clear, copyable example with tips so you can use it on any site.
Sample answers and how to identify each hyperlink type
1) External Hyperlink π
- Example link text: Google
- Website address: https://www.google.com
- What website does it go to? Google
- Does it leave the current site? Yes
- How to spot it: href points to a different domain (example: https://www.example.com β https://www.google.com). Often opens in a new tab.
2) Internal Hyperlink π
- Example link text: About Us
- Website address: https://www.example.com/about or /about.html
- What page does it open? About Us page (another page on the same site)
- Why is this helpful? Lets visitors move to related content without leaving the site; improves navigation and user experience.
- How to spot it: href has the same domain or a relative path (starts with / or no domain).
3) Anchor (Jump) Link β¬οΈ
- Example link text: Jump to Top
- Website address: https://www.example.com/page.html#top or just #top
- Where does it jump to? The top (or the element with id="top") of the same page
- Did the page reload? No (anchors jump within the page without reloading)
- How to spot it: href contains a # followed by an id (e.g., #section2).
4) Email Link βοΈ
- Example link text: Email the Teacher
- Website address (href): mailto:[email protected]
- What happens when you click it? Your default email program opens a new message addressed to [email protected] (sometimes with subject/body prefilled)
- What symbol does email use? @
- How to spot it: href starts with mailto:.
5) Download Link β¬οΈ
- Example link text: Download PDF
- What file type is it? PDF (file name ends .pdf)
- Example file link: https://www.example.com/files/worksheet.pdf
- Why would someone download this? To save or print the worksheet, use offline, or submit a filled-in file.
- How to spot it: href ends with a file extension (.pdf, .docx, .zip) or has download attribute.
Quick HTML examples (for teacher or practice page)
- External: <a href="https://www.google.com">Google</a>
- Internal: <a href="/about.html">About Us</a>
- Anchor: <a href="#menu">Go to Menu</a> and somewhere else: <div id="menu">...</div>
- Email: <a href="mailto:[email protected]">Email the Teacher</a>
- Download: <a href="/files/worksheet.pdf" download>Download PDF</a>
Exit Question β example answer
- Which hyperlink was the easiest to find, and why?
- Example: The external link was easiest because it points to a different website (the domain changes) and often opens in a new tab.
If you want, tell me the URL of your practice page and I can identify each link for you and fill the worksheet with exact addresses and answers.
Sample answers and how to identify each hyperlink type
1) External Hyperlink π
- Example link text: Google
- Website address: https://www.google.com
- What website does it go to? Google
- Does it leave the current site? Yes
- How to spot it: href points to a different domain (example: https://www.example.com β https://www.google.com). Often opens in a new tab.
2) Internal Hyperlink π
- Example link text: About Us
- Website address: https://www.example.com/about or /about.html
- What page does it open? About Us page (another page on the same site)
- Why is this helpful? Lets visitors move to related content without leaving the site; improves navigation and user experience.
- How to spot it: href has the same domain or a relative path (starts with / or no domain).
3) Anchor (Jump) Link β¬οΈ
- Example link text: Jump to Top
- Website address: https://www.example.com/page.html#top or just #top
- Where does it jump to? The top (or the element with id="top") of the same page
- Did the page reload? No (anchors jump within the page without reloading)
- How to spot it: href contains a # followed by an id (e.g., #section2).
4) Email Link βοΈ
- Example link text: Email the Teacher
- Website address (href): mailto:[email protected]
- What happens when you click it? Your default email program opens a new message addressed to [email protected] (sometimes with subject/body prefilled)
- What symbol does email use? @
- How to spot it: href starts with mailto:.
5) Download Link β¬οΈ
- Example link text: Download PDF
- What file type is it? PDF (file name ends .pdf)
- Example file link: https://www.example.com/files/worksheet.pdf
- Why would someone download this? To save or print the worksheet, use offline, or submit a filled-in file.
- How to spot it: href ends with a file extension (.pdf, .docx, .zip) or has download attribute.
Quick HTML examples (for teacher or practice page)
- External: <a href="https://www.google.com">Google</a>
- Internal: <a href="/about.html">About Us</a>
- Anchor: <a href="#menu">Go to Menu</a> and somewhere else: <div id="menu">...</div>
- Email: <a href="mailto:[email protected]">Email the Teacher</a>
- Download: <a href="/files/worksheet.pdf" download>Download PDF</a>
Exit Question β example answer
- Which hyperlink was the easiest to find, and why?
- Example: The external link was easiest because it points to a different website (the domain changes) and often opens in a new tab.
If you want, tell me the URL of your practice page and I can identify each link for you and fill the worksheet with exact addresses and answers.
Submit Your Answer
We prioritize human answers over AI answers.
If you are human, and you can answer this question, please submit your answer.