HTML links are hyperlinks. When the link is clicked on you will jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand. A link does not have to be text, it can be an image or any other HTML element.
<a> tag defines a hyperlink.The most important attribute of the <a> element is the href attribute indicates the destination of the link.
Ex: <a href="url">link text</a>
By default, links will appear as follows in all browsers:
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red
The target attribute specifies where to open the linked document and can have the following values:
_self - Default. Opens the document in the same window/tab as it was clicked
_blank - Opens the document in a new window or tab
_parent - Opens the document in the parent frame
_top - Opens the document in the full body of the window
Ex: <a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
Both examples above are using an absolute URL (a full web address) in the href attribute.
A local link (a link to a page within the same website) is specified with a relative URL (without the "https://www" part)
Ex: <h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>
<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>
<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>
mailto: inside the href attribute creates a link that opens the user's email program (to let them send a new email)
Ex: <a href="mailto:someone@example.com">Send email</a>
To use an HTML button as a link, you have to add some JavaScript code. JavaScript allows you to specify what happens at certain events, such as a click of a button.
Ex: <button onclick="document.location='default.asp'">HTML Tutorial</button>
The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.
Ex: <a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML section">Visit our HTML Tutorial</a>