CodeAve.com/HTML - Base Href

CodeAve.com - HTML - Headers

ASP
JavaScript
CSS
HTML
·Forms
·Hyperlinks
·Headers
·Images
·Tables
·Text Display
·Miscellaneous
·Contents
·What's New?
Maps
Links
Mail List
Search
Sitemap

Base Href

The base href tag is one of several tags in html that aid in reducing the amount of repetitive text in your document. By declaring a base href you are in affect telling the browser that all relative links contained within the document start from that specified base location. This is a great time saver when developing html on your computer by allowing you to view how the document will look and behave when placed on the server without actually having to do so.

•View the Output

•Text View

•Print View

•Mail this Link

<html>
<head>
<title>CodeAve.com(Base Reference)</title>
<base href="http://www.codeave.com">
</head>

<body bgcolor="#FFFFFF">
Hyperlinks
<p>

<a href=html>CodeAve.com - HTML</a>
<!-- The full url http://www.codeave.com/html will be created
due to the base href. Place the mouse cursor over the link
and the full address will appear in the lower left of the browser

Without the base href this link would
be directed to the relative location of the page
(In this case http://www.codeave.com/html/html
which does not exist) -->

<p>
Image
<p>

<img src=codeavelogo.gif>
<!-- The full url http://www.codeave.com/codeavelogo.gif
will be created due to the base href.

Without the base href this image tag would
be directed to the relative location of the page
(In this case http://www.codeave.com/html/codeavelogo.gif
which does not exist) -->

</body>
</html>