Chapter 4 Beginner 57 Questions

Practice Questions — Links, Anchors, and Navigation

← Back to Notes
16 Easy
15 Medium
9 Hard

Topic-Specific Questions

Question 1
Easy
What does this HTML create?
<a href="https://www.google.com">Google</a>
It is a link to Google.
A clickable link with the text 'Google' that opens google.com when clicked.
Question 2
Easy
Write a link that opens Wikipedia in a new tab.
Use target="_blank" and include rel="noopener noreferrer".
<a href="https://www.wikipedia.org" target="_blank" rel="noopener noreferrer">Wikipedia</a>
Question 3
Easy
This link does nothing when clicked. Fix it:
<a>Click Here</a>
Something important is missing.
<a href="https://example.com">Click Here</a>
Question 4
Easy
What kind of link is this?
<a href="about.html">About</a>
Does it have a full URL with https?
An internal link to a file called 'about.html' in the same folder as the current page.
Question 5
Easy
Write an HTML link to send an email to 'ananya@example.com'.
Use mailto:
<a href="mailto:ananya@example.com">Email Ananya</a>
Question 6
Easy
Fix this broken email link:
<a href="mail:priya@example.com">Email</a>
The protocol should be something slightly different.
<a href="mailto:priya@example.com">Email</a>
Question 7
Easy
What does the href="#top" do?
# is used for anchor links.
It creates an anchor link that jumps to an element with id="top" on the same page.
Question 8
Easy
Write HTML for a link that makes the user download a file called 'report.pdf'.
Use the download attribute.
<a href="report.pdf" download>Download Report</a>
Question 9
Easy
What does this render?
<a href="tel:+919876543210">Call Us</a>
tel is for phone links.
A clickable link saying 'Call Us' that opens the phone dialler on mobile devices.
Question 10
Easy
Fix this external link:
<a href="www.google.com">Google</a>
External links need a protocol.
<a href="https://www.google.com">Google</a>
Question 11
Easy
Write a link with a tooltip saying 'Click to learn more' that goes to 'about.html'.
Use the title attribute.
<a href="about.html" title="Click to learn more">About</a>
Question 12
Medium
What does href="../index.html" mean?
.. means 'go up one folder'.
Go up one folder from the current location, then find the file 'index.html'.
Question 13
Medium
Create anchor navigation that jumps to 'Section One' on the same page. Write the link AND the target heading.
The target needs an id, the link uses # followed by that id.
<a href="#section-one">Go to Section One</a>
...
<h2 id="section-one">Section One</h2>
Question 14
Medium
This link opens in a new tab but has a security issue. Fix it:
<a href="https://example.com" target="_blank">Example</a>
Missing a security-related attribute.
<a href="https://example.com" target="_blank" rel="noopener noreferrer">Example</a>
Question 15
Medium
Write a navigation menu inside a
Wrap the links in 
<nav>
  <a href="index.html">Home</a>
  <a href="about.html">About</a>
  <a href="projects.html">Projects</a>
  <a href="contact.html">Contact</a>
</nav>
Question 16
Medium
What happens when you click this link on a mobile phone?
<a href="tel:+911234567890">Call</a>
tel: links on phones do something specific.
The phone opens its dialler app with the number +911234567890 already filled in, ready to call.
Question 17
Medium
Rohan's anchor link is not jumping anywhere. Find the bug:
<a href="#About">Go to About</a>
...
<h2 id="about">About</h2>
IDs are case-sensitive.
The href uses #About (capital A) but the id is about (lowercase). Change the href to #about to match.
Question 18
Medium
Write a link that downloads a file 'profile.jpg' but saves it with the name 'MyProfile.jpg'.
The download attribute can have a value.
<a href="profile.jpg" download="MyProfile.jpg">Download Profile</a>
Question 19
Medium
What is the difference between href="about.html" and href="./about.html"?
Think about relative paths.
There is no difference. Both point to 'about.html' in the current folder. The ./ prefix is optional but sometimes used to be explicit.
Question 20
Medium
Write a mailto link that pre-fills the subject line with 'Question about HTML'.
Use mailto:email?subject=text (spaces become %20).
<a href="mailto:priya@example.com?subject=Question%20about%20HTML">Email Priya</a>
Question 21
Hard
Fix this complete page — multiple things are wrong:
<nav>
  <a>Home</a>
  <a href=www.about.com>About</a>
  <a href="mail:hi@ex.com">Contact</a>
</nav>
Missing href, missing protocol and quotes, wrong email protocol.
<nav>
  <a href="index.html">Home</a>
  <a href="https://www.about.com">About</a>
  <a href="mailto:hi@ex.com">Contact</a>
</nav>
Question 22
Hard
Create anchor navigation that jumps to different sections of a single page. Include a nav with 3 links (Intro, Main, End) and 3 h2 sections with matching ids. Each section should have a paragraph.
Link hrefs start with # and match section ids.
<nav>
  <a href="#intro">Intro</a> |
  <a href="#main">Main</a> |
  <a href="#end">End</a>
</nav>

<h2 id="intro">Introduction</h2>
<p>Welcome to the page.</p>

<h2 id="main">Main Content</h2>
<p>This is the main section.</p>

<h2 id="end">End</h2>
<p>Thanks for reading.</p>
Question 23
Hard
This link should download a file but keeps opening it instead. Fix it:
<a href="song.mp3">Download Song</a>
Missing an attribute.
<a href="song.mp3" download>Download Song</a>
Question 24
Hard
Write a complete HTML page for a contact page with: a heading, a paragraph, email link (mailto), phone link (tel), and a navigation bar at the top with 3 links (Home, About, Contact).
Combine nav, mailto, and tel links in a complete page.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Contact</title>
</head>
<body>
  <nav>
    <a href="index.html">Home</a> |
    <a href="about.html">About</a> |
    <a href="contact.html">Contact</a>
  </nav>
  <h1>Contact Me</h1>
  <p>Feel free to reach out through any of these:</p>
  <p>Email: <a href="mailto:aarav@example.com">aarav@example.com</a></p>
  <p>Phone: <a href="tel:+919876543210">+91 98765 43210</a></p>
</body>
</html>
Question 25
Hard
What does this mean: href="../../home.html"?
Count the number of ..
Go up two folders from the current location, then find home.html.

Mixed & Application Questions

Question 1
Easy
What does this render?
<a href="index.html">Home</a>
Relative link to the same folder.
A clickable link saying 'Home' that goes to 'index.html' in the same folder.
Question 2
Easy
Write a link to call +91 98765 43210 from a phone.
Use tel: protocol.
<a href="tel:+919876543210">Call Us</a>
Question 3
Easy
Fix this:
<a href=google.com>Google</a>
Two issues: missing quotes and missing protocol.
<a href="https://www.google.com">Google</a>
Question 4
Easy
What does target="_blank" do?
Something about how the link opens.
It opens the link in a new browser tab instead of replacing the current page.
Question 5
Easy
Write a link to 'gallery.html' inside a folder called 'images'.
Use a relative path with a folder.
<a href="images/gallery.html">View Gallery</a>
Question 6
Medium
What happens with href="#"?
Just # with nothing after.
Clicking the link scrolls the page to the very top. It is commonly used for 'Back to Top' buttons.
Question 7
Medium
Write a navigation menu with 3 links: 'Home' (to index.html), 'About' (in a pages folder, about.html), and 'Parent' (up one folder to main.html).
Three different path styles.
<nav>
  <a href="index.html">Home</a>
  <a href="pages/about.html">About</a>
  <a href="../main.html">Parent</a>
</nav>
Question 8
Medium
Neha's link does not work. What is wrong?
<a href="#section1" target="_blank">Go to Section</a>
Anchor links and target="_blank" do not mix well.
Remove target="_blank" — it opens a new blank tab instead of scrolling to the section. Or, if you really want a new tab, it is better to use a new page for that section.
Question 9
Medium
What does this download link do?
<a href="cv.pdf" download="Priya_CV.pdf">Download</a>
The download attribute can rename the file.
Clicking downloads the file 'cv.pdf' from the server but saves it with the filename 'Priya_CV.pdf' on the user's computer.
Question 10
Medium
Create a mailto link with both subject and body. Email: rohan@example.com, subject: 'Hi', body: 'Hello Rohan'.
Use ?subject=... &body=... and encode spaces as %20.
<a href="mailto:rohan@example.com?subject=Hi&body=Hello%20Rohan">Email Rohan</a>
Question 11
Medium
Vikram's anchor link scrolls to the wrong section. Find the bug:
<a href="# faq">FAQ</a>
...
<h2 id="faq">FAQ</h2>
Extra whitespace in the href.
<a href="#faq">FAQ</a>
Question 12
Hard
What is the difference between href="page.html" and href="/page.html"?
The leading slash matters.
page.html is relative to the current folder. /page.html is absolute from the site root — it always goes to yoursite.com/page.html regardless of where the current page is.
Question 13
Hard
Write a complete HTML page with: header nav (3 links), h1 'FAQ', three h2 sections with ids, a table of contents linking to each section, and each section has a 'Back to Top' link.
Anchor links everywhere.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>FAQ</title>
</head>
<body id="top">
  <nav>
    <a href="index.html">Home</a> |
    <a href="about.html">About</a> |
    <a href="faq.html">FAQ</a>
  </nav>
  <h1>Frequently Asked Questions</h1>
  <p>Jump to:</p>
  <ul>
    <li><a href="#q1">Question 1</a></li>
    <li><a href="#q2">Question 2</a></li>
    <li><a href="#q3">Question 3</a></li>
  </ul>

  <h2 id="q1">Question 1: What is HTML?</h2>
  <p>HTML stands for HyperText Markup Language.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="q2">Question 2: Who invented HTML?</h2>
  <p>Tim Berners-Lee in 1991.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="q3">Question 3: Is HTML a programming language?</h2>
  <p>No, it is a markup language.</p>
  <p><a href="#top">Back to Top</a></p>
</body>
</html>
Question 14
Hard
This external link opens in the same tab but should open in a new tab with security. Fix it:
<a href="https://github.com">GitHub</a>
Two attributes needed.
<a href="https://github.com" target="_blank" rel="noopener noreferrer">GitHub</a>
Question 15
Hard
What happens when you click this link on desktop vs mobile?
<a href="tel:+911234567890">Call</a>
Different devices handle tel: differently.
On mobile, it opens the phone dialler with the number ready to call. On desktop, it may open Skype or another VoIP app, or show a 'choose an app' prompt, or do nothing.

Multiple Choice Questions

MCQ 1
Which tag creates a hyperlink?
  • A. <link>
  • B. <a>
  • C. <href>
  • D. <hyperlink>
Answer: B
B is correct. The <a> (anchor) tag creates hyperlinks. The <link> tag is for linking CSS files in the head.
MCQ 2
Which attribute specifies where a link goes?
  • A. src
  • B. url
  • C. href
  • D. link
Answer: C
C is correct. The href (hypertext reference) attribute holds the destination URL.
MCQ 3
What does target="_blank" do?
  • A. Opens the link in the same tab
  • B. Opens the link in a new tab
  • C. Makes the link red
  • D. Disables the link
Answer: B
B is correct. target="_blank" opens the link in a new browser tab.
MCQ 4
What is the correct protocol for email links?
  • A. email:
  • B. mail:
  • C. mailto:
  • D. send:
Answer: C
C is correct. mailto: is the correct protocol. It opens the user's email app with the address pre-filled.
MCQ 5
What is the correct protocol for phone links?
  • A. phone:
  • B. tel:
  • C. call:
  • D. mobile:
Answer: B
B is correct. tel: is the standard protocol for phone links. Include the country code with a plus sign.
MCQ 6
Which character starts an anchor link (same-page jump)?
  • A. @
  • B. $
  • C. #
  • D. &
Answer: C
C is correct. The # symbol is used in href values to link to an element on the same page by its id.
MCQ 7
Which attribute forces a file to download when clicked?
  • A. save
  • B. download
  • C. get
  • D. file
Answer: B
B is correct. The download attribute tells the browser to download the file rather than open it.
MCQ 8
Which attribute shows a tooltip when hovering?
  • A. tooltip
  • B. hover
  • C. title
  • D. label
Answer: C
C is correct. The title attribute creates a tooltip that appears when hovering over an element with a mouse.
MCQ 9
What does ../ mean in a relative path?
  • A. Current folder
  • B. Go up one folder
  • C. Root folder
  • D. Home folder
Answer: B
B is correct. ../ means 'parent folder' (go up one level). Use ../../ to go up two levels.
MCQ 10
Why add rel="noopener noreferrer" to links with target="_blank"?
  • A. To make the link red
  • B. For security and privacy reasons
  • C. It is required by HTML
  • D. To disable the link
Answer: B
B is correct. noopener prevents the new tab from accessing your page via window.opener, and noreferrer does not send the referring URL, improving both security and privacy.
MCQ 11
What is wrong with href="www.google.com"?
  • A. It is missing https://
  • B. There are too many w's
  • C. Nothing is wrong
  • D. .com is not valid
Answer: A
A is correct. Without https:// or http://, the browser treats this as a relative path and looks for a folder named 'www.google.com' on your site.
MCQ 12
To link to an element with id="contact", the href should be:
  • A. href="contact"
  • B. href="@contact"
  • C. href="#contact"
  • D. href="id:contact"
Answer: C
C is correct. Anchor links use # followed by the element's id to jump to it on the same page.
MCQ 13
Which HTML element wraps navigation links?
  • A. <menu>
  • B. <nav>
  • C. <navigation>
  • D. <links>
Answer: B
B is correct. The <nav> element is the semantic container for main navigation links.
MCQ 14
What does href="./about.html" mean?
  • A. about.html in the root folder
  • B. about.html in the current folder (explicit)
  • C. about.html in the parent folder
  • D. Invalid syntax
Answer: B
B is correct. ./ means 'current folder' (explicit). It is the same as just writing about.html.
MCQ 15
What does href="#" do?
  • A. Does nothing
  • B. Reloads the page
  • C. Scrolls to the top of the page
  • D. Opens a popup
Answer: C
C is correct. href="#" is a special case that scrolls the page to the top. It is often used for 'Back to Top' links.
MCQ 16
In a mailto link, how do you add a subject?
  • A. mailto:email&subject=Hi
  • B. mailto:email?subject=Hi
  • C. mailto:email/subject=Hi
  • D. mailto:email:subject=Hi
Answer: B
B is correct. Use ? for the first parameter and & for additional parameters, like: mailto:x@y.com?subject=Hi&body=Hello.
MCQ 17
Which of these is an ABSOLUTE path (from site root)?
  • A. page.html
  • B. ./page.html
  • C. /page.html
  • D. ../page.html
Answer: C
C is correct. A leading slash makes the path absolute from the website root. /page.html always points to yoursite.com/page.html regardless of the current folder.
MCQ 18
What does href="../../index.html" mean?
  • A. Go to index.html in the current folder
  • B. Go up one folder to index.html
  • C. Go up two folders to index.html
  • D. Go to the root folder's index.html
Answer: C
C is correct. Each ../ moves up one folder. Two of them moves up two folders, then finds index.html there.
MCQ 19
What is wrong with Link when the target is

About

?
  • A. Nothing
  • B. IDs are case-sensitive — 'About' and 'about' do not match
  • C. Anchor links do not work with h2
  • D. IDs cannot contain lowercase letters
Answer: B
B is correct. HTML IDs are case-sensitive. #About will not find an element with id="about".
MCQ 20
Which is the BEST practice for an external link?
  • A. <a href="https://site.com">Site</a>
  • B. <a href="https://site.com" target="_blank">Site</a>
  • C. <a href="https://site.com" target="_blank" rel="noopener noreferrer">Site</a>
  • D. <a href="site.com" target="_blank">Site</a>
Answer: C
C is correct. The best practice for external links is to use full https URL, open in a new tab, and add rel="noopener noreferrer" for security and privacy.

Coding Challenges

Challenge 1: Basic Navigation Page

Easy
Must use the <nav> element and relative paths for all links.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home</title>
</head>
<body>
  <nav>
    <a href="index.html">Home</a> |
    <a href="about.html">About</a> |
    <a href="projects.html">Projects</a> |
    <a href="contact.html">Contact</a>
  </nav>
  <h1>Welcome to my site</h1>
  <p>Use the navigation above to explore different pages.</p>
</body>
</html>

Challenge 2: External Links Page

Easy
All external links must have target="_blank" and rel="noopener noreferrer".
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Favourite Sites</title>
</head>
<body>
  <h1>My Favourite Sites</h1>
  <ul>
    <li><a href="https://www.google.com" target="_blank" rel="noopener noreferrer">Google</a></li>
    <li><a href="https://www.wikipedia.org" target="_blank" rel="noopener noreferrer">Wikipedia</a></li>
    <li><a href="https://www.youtube.com" target="_blank" rel="noopener noreferrer">YouTube</a></li>
    <li><a href="https://github.com" target="_blank" rel="noopener noreferrer">GitHub</a></li>
    <li><a href="https://learn.modernagecoders.com" target="_blank" rel="noopener noreferrer">Modern Age Coders</a></li>
  </ul>
</body>
</html>

Challenge 3: Contact Page With Email and Phone

Medium
Must include mailto, tel, and download attributes.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Priya Sharma</title>
</head>
<body>
  <h1>Contact Priya Sharma</h1>
  <p>Feel free to reach out using any of the options below:</p>
  <p>Email: <a href="mailto:priya@example.com">priya@example.com</a></p>
  <p>Phone: <a href="tel:+919876543210">+91 98765 43210</a></p>
  <p><a href="resume.pdf" download="Priya_Resume.pdf">Download Resume</a></p>
</body>
</html>

Challenge 4: Table of Contents With Anchor Links

Medium
Use anchor links (href="#id") and matching id attributes on headings.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML Beginner Guide</title>
</head>
<body id="top">
  <h1>HTML Beginner Guide</h1>
  <h2>Table of Contents</h2>
  <ul>
    <li><a href="#intro">Introduction</a></li>
    <li><a href="#tags">Tags</a></li>
    <li><a href="#attributes">Attributes</a></li>
    <li><a href="#conclusion">Conclusion</a></li>
  </ul>

  <h2 id="intro">Introduction</h2>
  <p>HTML stands for HyperText Markup Language and is the foundation of the web.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="tags">Tags</h2>
  <p>Tags like p, h1, and img are the building blocks of HTML pages.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="attributes">Attributes</h2>
  <p>Attributes like href and src give extra information to tags.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="conclusion">Conclusion</h2>
  <p>HTML is easy to learn and essential for building websites.</p>
  <p><a href="#top">Back to Top</a></p>
</body>
</html>

Challenge 5: Multi-Folder Navigation

Medium
Must include examples of same folder, sub folder, parent folder, and up two folders.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Path Examples</title>
</head>
<body>
  <h1>Relative Path Examples</h1>
  <h2>Same Folder</h2>
  <p><a href="about.html">About (same folder)</a></p>
  <h2>Sub Folder</h2>
  <p><a href="pages/gallery.html">Gallery (pages subfolder)</a></p>
  <h2>Parent Folder</h2>
  <p><a href="../main.html">Main (parent folder)</a></p>
  <h2>Up Two Folders</h2>
  <p><a href="../../root.html">Root (up two folders)</a></p>
</body>
</html>

Challenge 6: Complete FAQ Page

Hard
Include nav, anchor links, matching ids, and back-to-top functionality.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>FAQ</title>
</head>
<body id="top">
  <nav>
    <a href="index.html">Home</a> |
    <a href="faq.html">FAQ</a> |
    <a href="contact.html">Contact</a>
  </nav>
  <h1>Frequently Asked Questions</h1>
  <p>Click any question to jump to the answer:</p>
  <ul>
    <li><a href="#q1">What is HTML?</a></li>
    <li><a href="#q2">Who invented HTML?</a></li>
    <li><a href="#q3">Is HTML hard to learn?</a></li>
    <li><a href="#q4">Do I need to install anything?</a></li>
    <li><a href="#q5">Where can I practice?</a></li>
  </ul>

  <h2 id="q1">What is HTML?</h2>
  <p>HTML stands for HyperText Markup Language. It is the language used to create web pages.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="q2">Who invented HTML?</h2>
  <p>Tim Berners-Lee invented HTML in 1991 at CERN.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="q3">Is HTML hard to learn?</h2>
  <p>No, HTML is one of the easiest languages to learn. You can build your first web page in minutes.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="q4">Do I need to install anything?</h2>
  <p>No, you just need a text editor and a web browser. Both are already on your computer.</p>
  <p><a href="#top">Back to Top</a></p>

  <h2 id="q5">Where can I practice?</h2>
  <p>Modern Age Coders has many free resources and practice exercises for beginners.</p>
  <p><a href="#top">Back to Top</a></p>
</body>
</html>

Challenge 7: Social Media Links

Hard
All external links must have target blank with security. Include mailto and tel too.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vikram Kumar</title>
</head>
<body>
  <nav>
    <a href="index.html">Home</a> |
    <a href="blog.html">Blog</a> |
    <a href="contact.html">Contact</a>
  </nav>

  <h1>Hi, I am Vikram Kumar</h1>
  <p>A 15-year-old coder from Pune who loves HTML, CSS, and JavaScript.</p>

  <h2>Find me online</h2>
  <ul>
    <li><a href="https://github.com/vikram" target="_blank" rel="noopener noreferrer">GitHub</a></li>
    <li><a href="https://twitter.com/vikram" target="_blank" rel="noopener noreferrer">Twitter</a></li>
    <li><a href="https://linkedin.com/in/vikram" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
    <li><a href="https://instagram.com/vikram" target="_blank" rel="noopener noreferrer">Instagram</a></li>
    <li><a href="https://youtube.com/@vikram" target="_blank" rel="noopener noreferrer">YouTube</a></li>
  </ul>

  <h2>Direct Contact</h2>
  <p>Email: <a href="mailto:vikram@example.com">vikram@example.com</a></p>
  <p>Phone: <a href="tel:+919876543210">+91 98765 43210</a></p>
</body>
</html>

Challenge 8: Portfolio With Full Navigation

Hard
Must use nav, relative paths, download attribute, mailto, tel, target blank + rel.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Neha Patel - Portfolio</title>
</head>
<body>
  <nav>
    <a href="index.html">Home</a> |
    <a href="about.html">About</a> |
    <a href="projects.html">Projects</a> |
    <a href="blog.html">Blog</a> |
    <a href="contact.html">Contact</a>
  </nav>

  <h1>Neha Patel - Student Developer</h1>
  <p>Welcome to my portfolio. I am a 16-year-old from Mumbai passionate about web development and design.</p>

  <h2>My Projects</h2>
  <ul>
    <li><a href="projects/project1.html">Personal Blog</a></li>
    <li><a href="projects/project2.html">Recipe Collection</a></li>
    <li><a href="projects/project3.html">Photo Gallery</a></li>
  </ul>

  <p><a href="neha-cv.pdf" download="Neha_Patel_CV.pdf">Download My CV</a></p>

  <hr>

  <h2>Contact</h2>
  <p>Email: <a href="mailto:neha@example.com">neha@example.com</a></p>
  <p>Phone: <a href="tel:+919876543210">+91 98765 43210</a></p>

  <h3>Follow Me</h3>
  <p>
    <a href="https://github.com/neha" target="_blank" rel="noopener noreferrer">GitHub</a> |
    <a href="https://linkedin.com/in/neha" target="_blank" rel="noopener noreferrer">LinkedIn</a> |
    <a href="https://twitter.com/neha" target="_blank" rel="noopener noreferrer">Twitter</a>
  </p>
</body>
</html>

Need to Review the Concepts?

Go back to the detailed notes for this chapter.

Read Chapter Notes

Want to learn web development with a live mentor?

Explore our Frontend Masterclass