how to create a hyperlink in html code

Apr 09, 2012, by admin

HTML Hyperlinks (Links)

A hyperlink (or link) is a word, group of words, or image that you can click on to bound 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 particular 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 aspect

2. To create a bookmark inside a document, by using the name aspect

HTML Link Syntax

The HTML code for a link is simple. It looks like this:

The href aspect specifies the destination of a link.

Example

which will display like this: Visit bugtreat

Clicking on this hyperlink will propel the user to bugtreat’ 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

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:

Create a link to the “Useful Tips Section” inside the same document:

Or, create a link to the “Useful Tips Section” from another page:

Visit the Useful Tips Section</a>