Links: Connecting the Web
Learn how to create clickable links.
Links: Connecting the Web is a free HTML for Kids lesson on CoddyKit — lesson 3 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the HTML for Kids learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
1
Links: Connecting the Web
Welcome to the next lesson! Today, we’ll learn how to create links in HTML. Links connect different web pages and allow users to navigate the internet easily.
2
What Are Links?
Links are clickable elements on a web page that take you to another page, a specific section, or even a file.
Links are created using the <a> tag, which stands for “anchor.”
Let’s create a simple link!
3
Creating a Basic Link
To create a link, use the <a> tag with the href attribute. The href specifies the destination of the link.
Example:
<a href="https://www.google.com">
Visit Google</a>
4
Opening Links in a New Tab
You can make a link open in a new tab by adding the target="_blank" attribute to the <a> tag.
Example:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
5
Linking to Other Pages
Links can also connect to other pages on your website. Use a relative URL (the file name) instead of a full web address.
Example:
<a href="about.html">About Us</a>
6
Linking to Specific Sections
You can link to a specific section of the same page by using an ID. Add the ID to the element you want to link to, then use #id in the href attribute.
Example:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
7
Linking to Email Addresses
You can create a link that opens the user’s email application by using mailto: in the href attribute.
Example:
<a href="mailto:hello@example.com">
Send an Email</a>
8
Adding Tooltips to Links
You can add a tooltip that appears when the user hovers over the link using the title attribute.
Example:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
9
10
Great Job!
Congratulations! You’ve learned how to create links, open them in new tabs, link to specific sections, and even link to email addresses. Links are the backbone of the web, connecting everything together. In the next lesson, we’ll learn how to add images to your web pages. Get ready to make your pages more colorful!
Frequently asked questions
Is the “Links: Connecting the Web” lesson free?
Yes — the full text of “Links: Connecting the Web” is free to read here on the web, and the HTML for Kids course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the HTML for Kids course, upgrade to CoddyKit PRO.
What will I learn in “Links: Connecting the Web”?
Learn how to create clickable links. You practise HTML for Kids with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start HTML for Kids?
No prior experience is required. HTML for Kids on CoddyKit is structured for beginners through advanced learners; this is — lesson 3 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Links: Connecting the Web” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this HTML for Kids lesson?
Yes. Every HTML for Kids lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Headings and Paragraphs
- Lists: Ordered and Unordered
- Links: Connecting the Web
- Images: Adding Pictures to Your Page