Links are used to connect multiple HTML pages.
A Website is a collection of web pages and these web pages are connected with each other using HTML links. Users can visit one page to another HTML web page by clicking on the links.
More Information About Links:
- HTML links are also called Hyperlinks.
- Link can be in the form of text as well as images or other media
- You can provide a link to any section of the same page, any other page within a website or any external website as well.
HTML Links Syntax
We can create HTML links using the anchor
<a href="<http://www.xyz.com>"> Tutorials Class </a>
The href attribute is used to specify the link address of the web page. The text between the anchor tags “Tutorials Class” is visible to the user. Users can click on this and it will take them to another page.
Example of HTML Link using anchor tag:
<html> <body> <a href="<http://xyz.com>" target="_blank">Go to Tutorials Class</a> </body> </html>
Type of Link URLs:
Absolute URLs: These are full addresses to the destination page/link.
Example of Absolute URL is:
<a href="<http://www.xyz.com/page1.html>"> Page 1 Link
Relative URLs: A relative URL links to a file in relation to the present directory.
For example, if you want to create a link from
“page2.html” and both files are in the same folder, you can simply provide the file name in href. It is called the relative URL.
Example of Relative URL:
<a href="page2.html"> Page 2 Link
HTML Links Target:
We can set HTML Links Target to open into the new window or the same window. The target attribute is used with one of the following values:
Example of HTML Target Attribute:
<a href="page2.html" target="_top"> Link with New Window
HTML Target Attribute Values List
|_blank||It opens the linked page in a new window or tab|
|_self||It opens the linked page in the same window/tab in which we clicked on the link. (This is the default link target)|
|_parent||It opens the linked page in the parent frame|
|_top||It opens the linked page in the full body of the window|
|framename||It opens the linked page in a named frame|
Complete Example of HTML Links
Let us create two files
“page2.html”. We will create a link between these two files using a relative URL. We will also test a link using an absolute url as well.
Create an HTML file
“page1.html” and write the following code:
<html> <body> <a href="page2.html" >Example of Relative Link</a> <a href="<http://xyz.com>" target="_blank">Example of Absolute Link</a> </body> </html>
Create an HTML file “page2.html” and write the following code:
<html> <body> <a href="page1.html">Example of Relative Link</a> <a href="<http://google.com>" target="_blank">Example of Absolute Link</a> </body> </html>