Articles → HTML → Base Tag In HTML

Base Tag In HTML

In this article, we will discuss the base tag in HTML.

Purpose Of Base Tag

The purpose of the base tag is to specify the base URI of the web page.

Example

Consider the following example

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>Untitled Page</title>
</head>

<body>
	<img src="ArticleImages/introduction_to_windows_forms_using_visual_studio_one.jpg" />
</body>

</html>

Try It

The above code will give the following output: -

The reason is, the webpage will search the folder ‘ArticleImages’ in the same folder as the webpage.

Base Tag

You can specify the base URL using the base tag. So, in the preceding code base tag is added.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<base href="http://www.gyansangrah.com/" />
	<title>Untitled Page</title>
</head>

<body>
	<img src="ArticleImages/introduction_to_windows_forms_using_visual_studio_one.jpg" />
</body>

</html>

Try It

Run the above code and you will get the following output: -

Picture showing the web page when base tag is defined

Browser Support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
Yes	Yes	Yes	Yes	Yes	Yes

Posted By -	Karan Gupta

Posted On -	Wednesday, September 2, 2015

Updated On -	Saturday, April 1, 2017

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**