HTML Links - Hyperlinks

HTML links are hyperlinks.

You can click on a link and jump to another document.

When you move the mouse over a link, the mouse arrow will turn into a little hand.

Note: A link does not have to be text. A link can be an image or any other HTML element!

HTML links are elements that allow you to connect one web page to another. Links can be used to navigate to other pages on the same website, link to external pages on the internet, or link to specific sections within a page.

Here is an example of how to create a basic link in HTML:

<a href="http://www.onlineweblearn.com">Click here to go to onlineweblearn.com</a>

In this example, the link text is "Click here to go to onlilneweblearn.com" and the link URL is "http://www.onlineweblearn.com". When the link is clicked, the user will be directed to the Example.com website.

Here are a few key parts of the code:

• The ' a' tag is used to create the link.
• The ' href 'attribute specifies the URL that the link will direct to.
• The link text is placed between the opening and closing ' a 'tags.

You can also create links to other pages on the same website or to specific sections within a page by using relative URLs instead of absolute URLs:

<a href="page2.html">Go to Page 2</a> <a href="#section2">Go to Section 2</a>

In these examples, the first link directs to a page called "page2.html" in the same directory as the current page, and the second link directs to a section with the ID "section2" within the same page.

➠ Use the ' a' tag to create links: The ' a' tag is used to create links in HTML. The opening ' a' tag must be followed by the URL that the link will direct to using the ' href 'attribute, and the link text should be placed between the opening and closing ' a' tags.

➠ Specify the URL with the  ' href ' attribute: The  ' href '  attribute specifies the URL that the link will direct to. This can be an absolute URL (e.g. "http://www.onlineweblearn.com") or a relative URL (e.g. "page2.html" to link to a page in the same directory).

➠ Use descriptive link text: The link text should describe the content of the page that the link will direct to. This helps users to understand where the link will take them and what they can expect to find there.

➠ Use the 'target' attribute to specify where the link will open: The 'target' attribute can be used to specify whether the linked page should open in the same window/tab (_self) or a new window/tab (_blank).

<a href="https://www.onlineweblearn.com/" target="_blank">Vist onlineweblearn</a>

➠ Use anchors to link to specific sections within a page: You can use anchors to link to specific sections within a page by adding an 'id' attribute to the section and including a URL with a hash symbol followed by the 'id' value in the 'href' attribute of the link.

➠ Use image links to make links more visually appealing: You can use an image instead of text for your link by placing the ' img ' tag inside the ' a ' tag and specifying the image URL in the ' src ' attribute.

➠ Use CSS to style your links: You can use CSS to change the color, underline, and other visual properties of your links to make them stand out and match the design of your website.