HTML Anchor Element

The HTML <a> (anchor) element is used to create hyperlinks, allowing users to navigate between different web pages or resources. Hyperlinks are essential for connecting various parts of the web and providing a seamless browsing experience. Here's a detailed guide on the HTML anchor element:

  1. Basic Syntax:
    • The <a> element has an opening tag and a closing tag, with the href attribute specifying the destination URL.
      •  <a href="https://www.example.com">Visit Example Website</a>
  2. Destination URL:
    • The `href ` attribute contains the URL of the destination, whether it's another web page, a file, or an external resource.
  3. Text or Content:
  4. Linking to Other Documents:
    • The <a> element can be used to link to other HTML documents within the same website or external websites.
    <a href="coderstar.html">About Us</a>
    <a href="https://www.google.com">Visit Example Website</a>
    Output
    Coderstar Visit Example Website

  5. Opening Links in a New Tab/Window:
    • The target attribute can be used to specify where the linked content will be displayed. Setting it to _blank opens the link in a new tab or window.
    <a href="https://www.example.com" target="_blank">Visit Example Website</a>


    Example: 
     <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML Anchor Example</title>
</head>
<body>
   <h1>Welcome to My Website</h1>
    
  <p> You can also <a href="https://coderstar.in">jump to coderstar</a> main page.</p>

</body>
</html>
    Output

    Welcome to My Website

    You can also jump to CoderStar main page.

    In this example, the <a> element is used to create hyperlinks both to an external website and to a specific section within the same page. Understanding how to use the anchor element is fundamental for creating navigable and interconnected web content.