HTML Links | Basic and Image Link - Linking with External Styles - Linking to Another Page in the Same Website - Basic syntax for creating HTML links

HTML Links:

In HTML (Hypertext Markup Language), links are used to connect one web page to another, allowing users to navigate between different pages and resources on the internet. The `<a>` (anchor) element is used to create links. 

Here is the basic syntax for creating HTML links:

html

<a href="url">Link Text</a>

Here, "url" is the destination URL (Uniform Resource Locator) to which the link will point, and "Link Text" is the text that will be displayed as the clickable link.

HTML Links

Examples of HTML Links:

1. Basic Link:

   html

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

2. Linking to Another Page in the Same Website:

   html

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

3. Linking to an Email Address:

   html

   <a href="mailto:info@example.com">Send us an email</a>

4. Linking to a Specific Section within a Page (Using Fragment Identifier):

   html

   <a href="#section-id">Jump to Section</a>

5. Linking to a File (e.g., PDF):

   html

   <a href="documents/document.pdf">Download PDF</a>

6. Opening the Link in a New Tab/Window:

   html

   <a href="https://www.example.com" target="_blank">Visit Example.com</a>

7. Linking with Image:

   html

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

     <img src="image.jpg" alt="Example Image">

   </a>

8. Linking with External Styles (CSS):

   html

   <a href="https://www.example.com" style="color: blue; text-decoration: underline;">Visit Example.com</a>

9. Linking with JavaScript Action:

   html

   <a href="javascript:void(0);" onclick="myFunction()">Click Me</a>

   javascript

   function myFunction() {

     alert("Hello, World!");

   }

   

These are some basic examples of how links can be used in HTML. The `href` attribute specifies the destination of the link, and additional attributes can be used for various purposes, such as opening links in new tabs/windows (`target="_blank"`), specifying relationships (`rel` attribute), and adding title text (`title` attribute). Links play a fundamental role in creating a connected and navigable web experience.