Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to use the
In this article, we will learn how to use the <base> tag to define the base URL for an HTML page.
In HTML, different elements have attributes that contain link to the other resources. The values of these attributes are URL’s, these can be absolute or relative URL’s.
The <base> HTML element specifies the base URL to use for all relative URLs in a document. There can only be one single <base> element in a document, and it must be placed inside the <head> tag.
The following are the attributes of the HTML
The <base> tag must have an href or a target attribute present or both.
| S.No. | Attribute & Description |
|---|---|
| 1 | href The base URL |
| 2 | target Where to open the target URL − _blank - the target URL will open in a new window or a tab. _self - the target URL will open in the same frame as it was clicked. _parent - the target URL will open in the parent frameset _top - the target URL will open in the top frame, i.e., full body of the window. |
Syntax
<base herf= “base link…” target= “value”/>
Example 1
Following is an example to define a base URL using the <base> tag in HTML –
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="description" content="meta tag in the web document"> <meta name="keywords" content="HTML,CSS"> <meta name="author" content="lokesh"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Declaring the BASE URL --> <base href="C:\Users\LOKESH BADAVATH\OneDrive\Desktop\TUTORIAL'S POINT\images\"target="_blank"/> </head> <body> <img src="https://www.tutorialspoint.com/static/images/logo-color.png" /> </body> </html>
Example 2
Another example to define the base URL using the
<!DOCTYPE html> <html> <head> <title>HTML base Tag</title> <base href = "http://www.tutorialspoint.com" /> </head> <body> HTML: <br><img src = "https://tutorialspoint.com/images/html.gif" /> </body> </html>
1K+ Views
