Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
HTML Base 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
<!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: 2020-06-29T09:18:05+05:30
179 Views
Advertisements