How to Code Your HTML hyperlink

If you are new to website building and are trying to create a hyperlink for the first time, or even if you have a webmaster that does all your technical stuff, sometimes you want to be able to quickly code a link in HTML yourself.

Here's how to code your HTML hyperlink

Simple HTML code to make a basic hyperlink

<a href="pageURL">anchor text</a>

In green:   the code you need to "wrap" your information with.   This code will always be the same

In red: the anchor text is the text that is hyperlinked

In blue: the pageURL is the address of the page you want to create a hyperlink for.

Example

To link to http://www.handmaderesults.com with "Coolest Site Ever!" as your anchor text you use the following:

<a href="http://www.handmaderesults.com">Coolest Site Ever</a>

Output:

Coolest Site Ever

To Make a Hyperlink that Opens in a New Window

If you wanted your link to open in a new tab or window, you would add target="_blank" right after the <a

<a target="_blank" href="http://www.handmaderesults.com">Coolest Site Ever!"</a>

Coolest Site Ever!

Important Tips When Coding Your Link

• Remember that your URL needs to include the "http://"
  
• Using anchor text with keyword terms or your website name within it instead of "click here" helps from a search engine optimization standpoint
• If you are putting an offsite hyperlink on your own site remember to make the link open in a new window so that the person still has your site open in another tab.   This way they are more likely to come back to your page and browse your site some more.

How to Make a Hyperlink in HTML Video

This video shares the mechanics of making a clickable link as described above.

Good luck with this!

Best,

Have a comment or question about How to Code Your HTML hyperlink?
Share your thoughts and questions in the comments box below

Return from How to Make a Hyperlink to Handmade Results Home

Be Sociable, Share!

• 

Possibly Related Posts

1. Using an Online HTML Editor