Links

In HTML, links (also known as "Hyperlinks") are what enables visitors to click through to another web page (or other URL). The visitor usually clicks on linked text or a linked image and that's what triggers the loading of the linked document.
To create a link in HTML, you use the HTML anchor tag. The anchor tag is represented by the letter "a". Therefore, the syntax goes something like this anchor text.
Here's an example:

Source Code	Result
<!-- Codes by surenko.blogspot.com --> <p> Check out <a href="http://www.surenko.blogspot.com/rob-roy-glacier-in-new-zealand/">Rob Roy Glacier</a>!</p>	Check out Rob Roy Glacier!

Open Link in New Window

If you want the page to open in a new window, you can add target="_blank" to your code. Like this:

Source Code	Result
<!-- surenko.blogspot.com --> <p> Here's another glacier in New Zealand: <a href="http://www.surenko.blogspot.com/fox-glacier-new-zealand/" target="_blank">Fox Glacier</a></p>	Here's another glacier in New Zealand: Fox Glacier

Named Anchors

You can make the browser jump to a certain spot in the page by using a named anchor. To do this, you use the document URL, followed by a #, followed by the anchor name. The anchor name must exist somewhere in the target document. To place an anchor into the target document, use (and replace ... with a name of your choice).
In the example below,

Source Code	Result
<!-- Codes by surenko.blogspot.com --> <p> Jump down to <a href="http://www.http://surenko.blogspot.com/2013/08/table-text.html#.UhyLtjXn8dU">My Named Anchor</a></p> <p> ..........</p> <p> ..........</p> <p> ..........</p> <a name="my-named-anchor"></a> <p> My Named Anchor</p>	Jump down to My Named Anchor .......... .......... .......... My Named Anchor

Image Links

You can place the link code around an image too. This will link the image to the URL specified. Like this:

Source Code	Result
<!-- Codes by surenko.blogspot.com--> <a href="http://surenko.blogspot.com/boracay-philippines/" target="_blank"><img src="http://www.surenko.blogspot/images/html-codes/links/boracay-white-beach-sunset-300x225.jpg" width="300" height="225" alt="Photo of White Beach in Boracay, Philippines" /></a>

HTML Link Generator

You can also use this HTML link generator to generate the HTML code for your hyperlinks.

Share on Google Plus

About Saroj Thapa Magar

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.