Links are found in nearly all Web pages. Links allow users to click their way from page to page.
HTML Hyperlinks (Links)
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:
- To create a link to another document, by using the href attribute
- 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.jagansindia.in/”>Visit Jagansindia</a> |
which will display like this: Visit Jagansindia
Clicking on this hyperlink will send the user to Jagansindia’s homepage.
Tip: The “Link text” doesn’t have to be text. You can link from 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:
Example
|
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.
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> |
