HTML area href Attribute
 HTML <area> tag
Definition and Usage
The href attribute specifies the URL (web resource) to be loaded when the area
is activated (clicked).
Syntax
Syntax Example
<area href="http://www.w3schools.com" />
|
Attribute Values
| Value |
Description |
| URL |
The web resource/address to load when the link is
activated. Possible URL values:
- An absolute URL - Is used to navigate to another web site (like href="www.example.com")
- A relative URL - Is used to navigate within a site (like href="example.html")
- An anchor URL - Is used to navigate within a single page (like href="#bottom")
|
Browser Support
The attribute is supported in all major browsers.
What is an URL
A Uniform Resource Locator (URL) is used to address a document (or other
data) on the World Wide Web.
A full Web address like this:
http://www.w3schools.com/html/lastpage.htm follows these syntax rules:
scheme://host.domain:port/path/filename
The scheme is defining the type of Internet service. The most
common type is http.
The domain is defining the Internet domain name like
w3schools.com.
The host is defining the domain host. If omitted, the default host for
http is www.
The :port is defining the port number at the host. The port
number is normally omitted. The default port number for http is 80.
The path is defining a path (a sub directory) at the server. If
the path is omitted, the resource (the document) must be located at the root
directory of the Web site.
The filename is defining the name of a document. The default filename
might be default.asp, or index.html or something else depending on the settings
of the Web server.
Tips and Notes
Tip: All URLs should be URL encoded when required.
Example
| Source |
Output |
|
<p>Click on one of the planets:</p>
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap"
/>
<map id ="planetmap"
name="planetmap">
<area shape="rect" coords ="0,0,82,126" href ="sun.htm"
alt="Sun" />
<area shape ="circle" coords ="90,58,3" href ="mercur.htm"
alt="Mercury" />
<area shape ="circle" coords ="124,58,8" href ="venus.htm" alt="Venus" />
</map>
|
Click on one of the planets:
|
Try-It-Yourself Demos
area href
attribute example
Specify the URL of the link in the image map.
HTML <area> tag
|
