Learn HTML – Part 5 – Anchor Tag – Creating Links in HTML

Learn HTML – Part 5 – Anchor Tag – Creating Links in HTML

The HTML a tag, also called the anchor tag, is used to create links between web pages.

Links allow users to navigate from one page to another, making them one of the most important elements of the web.


What is the Anchor Tag?

The a tag defines a hyperlink that connects one page to another page, section, or resource.

When users click a link, the browser navigates to the specified location.


Basic Syntax

<a href="https://example.com">Visit Website</a>

Here:

  • a defines the hyperlink
  • href specifies the destination URL
  • The text between the tags becomes the clickable link

Example – Creating a Simple Link

<a href="https://google.com">Go to Google</a>

Output:

Go to Google


Opening Links in a New Tab

You can open a link in a new browser tab using the target attribute.

<a href="https://example.com" target="_blank">Open Website</a>
  • _blank opens the link in a new tab
  • _self opens in the same tab (default)

Linking to Another Page

You can also link to another page within the same website.

<a href="about.html">About Us</a>

This is called an internal link.


Types of Links

TypeDescription
External LinkLinks to another website
Internal LinkLinks to another page in the same site
Email LinkOpens the user’s email application
Anchor LinkLinks to a specific section of a page

Email Link Example

<a href="mailto:info@example.com">Send Email</a>

Common Mistakes Beginners Make

  • Forgetting the href attribute
  • Using incorrect URLs
  • Opening too many links in new tabs unnecessarily

Links are the backbone of the internet — they connect web pages together.


Conclusion

The HTML a tag is used to create hyperlinks that connect web pages and resources.

It plays a crucial role in website navigation and allows users to move between pages easily.

What’s Next?

Now that you understand the anchor tag, the next step is learning about the img tag, which is used to display images on a webpage.

Next: Learn HTML – Part 6 – Image Tag – Displaying Images in HTML →


Series: Learn HTML Series

Facebook
WhatsApp
Twitter
LinkedIn
Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *

Related Articles from the Series

learn-html-part-63-complete-html-project-thumbnail
Learn HTML – Part 63 – Complete HTML Project (Build a Web Page)
Learn HTML – Part 63 – Complete HTML Project In this final lesson, we will build a complete HTML webpage...
learn-html-part-62-time-tag-date-time-thumbnail
Learn HTML – Part 62 – time Tag – Date & Time
Learn HTML – Part 62 – time Tag – Date & Time The HTML time tag is used to represent dates and times...
learn-html-part-61-mark-tag-highlight-text-thumbnail
Learn HTML – Part 61 – mark Tag – Highlight Text
Learn HTML – Part 61 – mark Tag – Highlight Text The HTML mark tag is used to highlight text that is...
learn-html-part-60-figcaption-tag-figure-caption-thumbnail
Learn HTML – Part 60 – figcaption Tag – Figure Caption
Learn HTML – Part 60 – figcaption Tag – Figure Caption The HTML figcaption tag is used to define a caption...
learn-html-part-59-figure-tag-media-content-thumbnail
Learn HTML – Part 59 – figure Tag – Media Content
Learn HTML – Part 59 – figure Tag – Media Content The HTML figure tag is used to group media content...
learn-html-part-58-track-tag-video-subtitles-thumbnail
Learn HTML – Part 58 – track Tag – Video Subtitles
Learn HTML – Part 58 – track Tag – Video Subtitles The HTML track tag is used to add subtitles, captions,...
learn-html-part-57-source-tag-media-sources-thumbnail
Learn HTML – Part 57 – source Tag – Media Sources
Learn HTML – Part 57 – source Tag – Media Sources The HTML source tag is used to define multiple media...
learn-html-part-56-picture-tag-responsive-images-thumbnail
Learn HTML – Part 56 – picture Tag – Responsive Images
Learn HTML – Part 56 – picture Tag – Responsive Images The HTML picture tag is used to display responsive...
learn-html-part-55-dialog-tag-modal-dialog-thumbnail
Learn HTML – Part 55 – dialog Tag – Modal Dialog
Learn HTML – Part 55 – dialog Tag – Modal Dialog The HTML dialog tag is used to create modal or popup...
learn-html-part-54-summary-tag-details-caption-thumbnail
Learn HTML – Part 54 – summary Tag – Details Caption
Learn HTML – Part 54 – summary Tag – Details Caption The HTML summary tag is used to define a visible...
Scroll to Top