Home >>HTML Tutorial >HTML Hyperlink

HTML Hyperlink

HTML Hyperlink

HTML Link tag is used to connect a web-page to another web-page.
Anchor <a> tag is used to connect a web-page to each other. Using anchor tag we connect either a global web page like google, yahoo, Facebook etc or we our won local web page.
If we want to connect with google wep_page in that case we have put completer url of google like "http://www.goolge.com"
but for our local wep_page only need to give wepageName.extension inside href="" attribute.

Eg

<a  href="http://www.google.com" target="_self" > Click here to open google </a >

In the above example
Hyperlink is declare in an anchor tag <a> ..attribute href of anchor tag with (value=URL) specify the address of URL.

Another Property target with(value="_self") is open the url at the same page.

A statement is also type in middle of <a> tag to recognize the url name like..google,yahoo.


Open the Google web page in new tab of your browser.

<a  href="url" target="_blank">

Click here to open google in new tab

</a>

In the above example
if we set the target="_blank".. then url will open in a new tab.


Title Property of anchor tag(hyperlink)

Use title to show hint, title will display when You put mouse on the text.

<a  href="http://www.google.com" title="To link with google you need to click here"
  target="_blank"> 

Click here to open google in new tab

</a>

Output
Click here to open google in new tab</a >


How To Make an Image Hyperlink

To make an image hyperlink you have to use both anchor tag and image tag.
First create a hyperlink using anchor tag, now put the image tag in between anchor tag.
like..

<a href="url">

<img src="mypic.jpg" width="100px" height="100px"/>

</a>

No Sidebar ads