Home

Chapter 5: Linking

Topics we are going to learn in this page:

1. a (anchor tag)
2. href attribute(hyperlink reference)
3. target attribute

Explantion of the topics:

1. a

   • The <a> tag defines a hyperlink, which is used to link from one page to another page or html file or a section of the same page.
   • The most important attribute of the <a> element is the "href" attribute, which indicates the link's destination.

2. href attribute

   • href attribute contains the url or another file or email id or phone number or id of an html element of the same page.

   • Example:

     • href="https://google.com"
     • href="./filename.html"
     • href="#paragraph2"
     • href="tel:+123456789"
     • href="mailto:example@gmail.com"

3. target attribute

   • The target attribute's value determine where to display the linked page.
   • target="_self" : This is the by default value of target if we dont mention seperately. It open the linked page in the same tab.
   • target="_blank" : The linked page will open in new tab.

4. Example:

   1. Eg1 (URL):
      Code:

          <a href="https://google.com">Google</a>
          <a href="https://www.youtube.com/">YouTube</a>
                          

      Output

      Google YouTube
      
      
      
      
      

   2. Eg2 (HTML file):
      Code:

          <a href="../index.html">Home Page</a>
                          

      Output

      Home Page
      
      
      
      
      

   3. Eg3 (phone number):
      Code:

          <a href="tel:+123456789">+123456789</a>
                          

      Output

      +123456789
      
      
      
      
      

   4. Eg4 (Email):
      Code:

          <a href="mailto:example@gmail.com">Email Id</a>
                          

      Output

      Email Id
      
      
      
      
      

   5. Eg5 (Selecting HTML element of same page):
      Code:

          <a href="#main_heading">Go to Top</a>
                          

      Output

      Go to Top