Upskill faster and boost your growth in 2024 with our upto 50% OFF on All Courses! Offer Ending in
D
H
M
S
Get Now
Links in HTML

Links in HTML

22 Jul 2023
Intermediate
675 Views
11 min read
Learn via Video Course & by Doing Hands-on Labs

HTML & CSS Course

Start Learning Free View All Courses

HTML LINKS

An HTML link, such as "HTML Online Training," can be defined as a connection that connects one web page to another. A webpage can contain links, like "HTML Online Training," that take you directly to other pages and even specific parts of a page. It consists of two parts: an Anchor and a direction. The link starts at the “source” anchor and points to the “destination” anchor,

These link elements in HTML links allow users to navigate between Web sites by clicking on words, phrases, and images. a video clip, a sound bite, a program, an HTML document, or an element within an HTML document.

 Syntax

<a href = "Document URL" ... attributes-list>Link Text</a>

href: The href attribute describes the link’s destination address. "href" stands for Hypertext reference.

Text link: The text link is the visible part of the link. The user will see this text link and click on it.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Links</title>
   </head>
   <body>
      <p>ScholarHat</p>
      <a href = " https://www.scholarhat.com/" target = "_self">Scholar Hat</a>
   </body>
</html>

Output 

Internal Links in HTML.

If the user wants to go to any specific location on the same webpage by clicking on a link, we can create an internal link in the webpage. An internal link is used in an HTML page to navigate the webpage. <a> tag is used for link creation in HTML pages.

Syntax:

<a href= “#link1”> MyLink</a>

Target attribute in HTML

The target attribute in HTML <link> is used to direct the window or a frame where the linked content is loaded. In simple words, the target attribute specifies where to open the linked document

Syntax

<a target="_blank|_self|_parent|_top|framename">

Attribute Values

Example

<!DOCTYPE html>
<html>
   <head>
      <title>Target Attribute in HTML</title>
      <base href = "https://www.tutorialspoint.com/">
   </head>
   <body>
      <p>Click any of the following links</p>
      <a href = "/html/index.htm" target = "_blank">Opens in New Tab</a> |
      <a href = "/html/index.htm" target = "_self">Opens in Same frame</a> |
      <a href = "/html/index.htm" target = "_parent">Opens in Parent frame</a> |
      <a href = "/html/index.htm" target = "_top">Opens in the Full Body of the web page</a>
   </body>
</html>

Output: 

Image Link in HTML

  • The image Link in HTML is defined as <img> tag, it is used to show an image on a web page.
  • Images are not technically inserted into a web page; they are linked to web pages. The <img> tag creates a space for the referenced image.
  • The <img> tag is empty and it contains attributes only, it does not have a closing tag either.
  • There are two attributes of <img> tag
  • src - It is used to specify the path to the image
  • alt - It is used to specify an alternate text for the image

Syntax

<img src="url" alt="alternatetext">

Download attribute in HTML

Download Link is a link that will download the selected file when the user clicks on it. The “download” attribute is used to make a downloadable link.

<!DOCTYPE html>
<html>
<head>
    <title>Download Link</title>
</head>
<body>
    <h2>
        Download attribute in HTML
    </h2>
    <!-- Using the <a> tag with href 
        and download attributes -->
 <a href="https://www.scholarhat.com/courses " download>
        Click Here to download the image
    </a>
</body>
</html>

Output 

Email links in HTML

We can create an email link in html webpage. It works if anyone clicks on that link it will give the option to send an email to a particular email address. This link can be created through an anchor tag in HTML.

Syntax:

<a href= “mailto: e-mail id”> Send email </a>

Example:

<! DOCTYPE html>
<html>
<head>
<title> Email link in HTML</title>
</head>
<body>
<h1> Email link in html webpage</h1>
<br>
<a href= "xyz @wxy.in"> Send an email </a>
</body>
</html>

Summary

HTML links are used to open a new webpage or a different section of the same website. There are many more attributes in HTML links such as target attributes in HTML and download attributes in HTML. This comprehensive article on HTML links and the HTML course will help you delve into every detail of all link elements in HTML and gain a concise understanding of HTML links. Whether you're a beginner or an experienced developer, this resource will assist you in your website development journey, providing valuable insights and guidance.

Take our free html skill challenge to evaluate your skill

In less than 5 minutes, with our skill challenge, you can identify your knowledge gaps and strengths in a given skill.

GET CHALLENGE

Share Article
About Author
Sakshi Dhameja (Author and Mentor)

She is passionate about different technologies like JavaScript, React, HTML, CSS, Node.js etc. and likes to share knowledge with the developer community. She holds strong learning skills in keeping herself updated with the changing technologies in her area as well as other technologies like Core Java, Python and Cloud.

Accept cookies & close this