In this tutorial, we will talk about what is hyperlink and what it can do in the HTML web page. In web page, a hyperlink is a link from a hypertext document to another location. To be straight forward, a hyperlink is a HTML links. The hyperlink are widely use today, you ca find the hyperlink any where in the internet. Hyperlink is not just a text, it can be a picture too.
Create Your First Hyperlink
So, basically we use <a href="URL">
tag to create a hyperlink. For example.
<a href="https://blog.jorcus.com/">CLICK ME TO VISIT JORCUS.COM</a>
From the code above, we defined the URL in href="URL"
as my website www.jorcus.com. When you click on the link, it will redirect yo to the www.jorcus.com
Open Link in New Window
If you’d like to open the link in new window, we use target
attribute to achieve this.
So, if you’d like to open link in new window. We need to set the target
attribute to _blank
. Here’s the example code.
<a href="https://blog.jorcus.com/" target="_blank">Visit JORCUS.COM in new Window</a>
To understand more what you can do with target
attribute.
_self
: By default, the hyperlink are set as_self
. It will redirect the link for current window._blank
: Open link in new window or new tab._top
: Open link in the full body of the window_parent
: Open link in the parent frame
Local Link
You can also create a hyperlink for a local link (without https://www.
). For example.
<a href="blog.html">Go to Blog</a>
Email Link
If you want to create a email hyperlink, you can set href="mailto:[email protected]"
<a href="mailto:[email protected]">Contact Me</a>
Telephone Link
For phone, you can use tel:
<a href="tel:+1586-666-6643">Contact Me</a>