HTML href Attribute


The href attribute of the <base> element sets the base URL for all relative URLs. For example, base URL as https://example.com/tutorials for all the relative URLs like /html, /java, /jquery etc., which are eventually −

https://example.com/tutorials/html
https://example.com/tutorials/java
https://example.com/tutorials/jquery

Following is the syntax −

<base href="absolute_URL">

Above, absolute _URL is the absolute url for the base URL. Let us now see an example to implement the href attribute of the <base> element −

Example

 Live Demo

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/">
</head>
<body>
   <h2>Tutorials List</h2>
   <p><a href="java.html">Java Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/java.html)</p>
   <p><a href="jquery.html">jQuery Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/jquery.html)</p>
   <p><a href="blockchain.html">Blockchain Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/blockchain.html)</p>
   <p><a href="python.html">Python Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/python.html)</p>
</body>
</html>

Output

In the above example, we have set the base URL as −

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

After the we mentioned the link as "java.html", that would eventually act as −

https://www.example.com/tutorials/java.html

Updated on: 29-Jun-2020

136 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements