base Element

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,755
3.	Videos	353,207
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,476
13.	Downloads (Syllabus)	2,638

Home
HTML
Head
Base Element

base Element

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

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!

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.gssskhokhar.com/" target="_blank">
</head>
<body>

<h1>The base element</h1>

<p><img src="/images/kitten.gif" width="24" height="39" alt="cat"> - 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://www.gssskhokhar.com/images/kitten.gif".</p>

<p><a href="#">HTML base tag</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>

Live Demo & Try it yourself!

#HTML #head #base element

CSPunjab.Com

base Element

« Previous

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

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!

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.gssskhokhar.com/" target="_blank">
</head>
<body>

<h1>The base element</h1>

<p><img src="/images/kitten.gif" width="24" height="39" alt="cat"> - 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://www.gssskhokhar.com/images/kitten.gif".</p>

<p><a href="#">HTML base tag</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>

Live Demo & Try it yourself!