The base tag in HTML is used to set the base URL for an HTML document. 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
Note: The <base> tag has no end tag i.e. no need to end it with </base>
Following are the attributes −
- href: It sets the base URL for all relative URLs in the page
- target: Default target for all hyperlinks and forms. The values can be _blank, _parent, _self, _top and framename.
Let us now see an example to implement the <base> element−
Example
<!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
