HTML <base> Tag - HTML Tag

HTML <base> Tag Specifies the base URL/target for all relative URLs in a document.

The <base> tag specifies the base URL and/or target for all relative URLs in a document.

The <base> tag must have either an href or a target attribute present, or both.

There can only be one single <base> element in a document, and it must be inside the <head> element.

How to use HTML <base> Tag

Specify a default URL and a default target for all links on a page:

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
  <base href="https://horje.com/learn/634/what-is-html-b-tag" target="_blank">
</head>

Output should be:

What Audio Format and Browser will Support for HTML <base> Tag

Output should be:

Attributes for HTML <base> Tag

Attribute	Value	Description
href	URL	Specifies the base URL for all relative URLs in the page
target	_blank _parent _self _top	Specifies the default target for all hyperlinks and

How to add HTML <base> href Attribute

Specify a base URL for all relative URLs on a page.

Definition and Usage

The href attribute specifies the base URL for all relative URLs on a page.

Syntax

Attribute Values

Value	Description
URL	An absolute URL that acts as the base URL (like "http://www.example.com/")

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
  <base href="https://horje.com">
</head>
<body>

<h1>The base href attribute</h1>

<p><img src="https://horje.com/avatar.png" width="24" height="39" alt="Stickman"> - Notice that we have only specified a relative address for the image. Since we have specified a base URL in the head section, the browser will look for the image at "https://horje.com/avatar.png".</p>

</body>
</html>

Output should be:

How to add HTML <base> target Attribute

Specify a default target for all hyperlinks and forms on a page.

Definition and Usage

The target attribute specifies the default target for all hyperlinks and forms in the page.

This attribute can be overridden by using the target attribute for each hyperlink/form.

Browser Support

Syntax

Attribute Values

Value	Description
_blank	Opens the link in a new window or tab
_self	Default. Opens the link in the same frame as it was clicked
_parent	Opens the link in the parent frame
_top	Opens the link in the full body of the window

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
  <base target="_blank">
</head>
<body>

<h1>The base target attribute</h1>

<p><a href="https://horje.com">Horje.com</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".</p>

</body>
</html>

Output should be:

How to add HTML <base> target _blank Attribute

_blank

Opens the link in a new window or tab

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
  <base target="_blank">
</head>
<body>

<h1>The base target attribute</h1>

<p><a href="https://horje.com">Horje.com</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".</p>

</body>
</html>

Output should be:

How to add HTML <base> target _self Attribute

_self

Default. Opens the link in the same frame as it was clicked

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
  <base target="_self">
</head>
<body>

<h1>The base target attribute</h1>

<p><a href="https://horje.com">Horje.com</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_self".</p>

</body>
</html>

Output should be:

How to add HTML <base> target _parent Attribute

_parent

Opens the link in the parent frame

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
  <base target="_parent">
</head>
<body>

<h1>The base target attribute</h1>

<p><a href="https://horje.com">Horje.com</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_parent".</p>

</body>
</html>

Output should be:

How to add HTML <base> target _top Attribute

_top	Opens the link in the full body of the window

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
  <base target="_top">
</head>
<body>

<h1>The base target attribute</h1>

<p><a href="https://horje.com">Horje.com</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_top".</p>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference