Links (Hyperlinks)
A hyperlink (or link)
is a word, group of words, or image that you can click on to jump to a new
document or a new section within the current document.
When you move the
cursor over a link in a Web page, the arrow will turn into a little hand.
Links are specified in
HTML using the <a> tag.
The <a> tag can be used in two ways:
1.
To
create a link to another document, by using the href attribute
2.
To
create a bookmark inside a document, by using the name attribute
HTML Link Syntax
The HTML code for a
link is simple. It looks like this:
<a
href="url">Link text</a>
The href attribute
specifies the destination of a link.
Example
<a href="http://www.w3schools.com/">Visit
W3Schools</a>
which will display like
this: Visit W3Schools
Clicking on this
hyperlink will send the user to W3Schools' homepage.
Tip: The "Link text"
doesn't have to be text. It can be an image or any other HTML element.
HTML Links - The target Attribute
The target attribute
specifies where to open the linked document.
The example below will
open the linked document in a new browser window or a new tab:
Example
<a href="http://www.w3schools.com/"
target="_blank">Visit W3Schools!</a>
HTML Links - The name Attribute
The name attribute
specifies the name of an anchor.
The name attribute is
used to create a bookmark inside an HTML document.
Note: The upcoming HTML5
standard suggests using the id attribute instead of the name attribute for
specifying the name of an anchor. Using the id attribute actually works also
for HTML4 in all modern browsers.
Bookmarks are not
displayed in any special way. They are invisible to the reader.
Example
A named anchor inside an HTML document:
<a
name="tips">Useful Tips Section</a>
Create a link to the "Useful Tips Section" inside the same
document:
<a
href="#tips">Visit the Useful Tips Section</a>
Or, create a link to the "Useful Tips Section" from another
page: <a
href="http://www.w3schools.com/html_links.htm#tips">
No comments:
Post a Comment
Please leave your comment below: