Basics of inserting links in HTML

I am one of those people that use a program like Microsoft FrontPage or Dreamweaver for a HTML editor. This is great but sometimes they do not do what you want and you need to insert some basic HTML into your project. I tried to avoid having to know even the basics but I am constantly needing to use them. Its all about trial and error. You could try pasting some of these into your web to see what happens

Here is a basic web page start.

<html>
<body>
This is where you basically put everything. Insert your links in the body.
</body>
</html>

How to insert a link to a web page in your web.

<a href="Articles/get_targeted_traffic_to_your_web.htm">Get Fantastic traffic</a>

Blue = Shows the beginning and the end of the link.

Red = Where the file is located in my web called articles.

Green = The html file.

Yellow = The text you will click on.

This link points to a Folder in the main directory of my web, called Articles. The .htm file is called "get targeted traffic to your web". The next part shows us the text we will see on the page. It will look like this:

Get Fantastic traffic

How to insert a link to another web page.

<a href="http://search.ebay.com.au/_W0QQsassZfantasticbits">My items on Ebay</a>

Blue = Shows the beginning and the end of the link.

Yellow = The URL of the page I want to link to.

Green = The text you will click on.

Same thing but I copied the address of the page from the address bar in internet explorer and pasted it in. Then I changed the text I want to display. It looks like this:

My items on Ebay

If I put target="_blank" in front of this like this:

<a target="_blank" href="http://stores.ebay.com.au/Fantastic-Bits-24-7_W0QQsspagenameZMEQ3aFQ3aSTQQtZkm">Go to my Ebay shop.</a>

Red = This will open my link in a new window.

If I change the word _blank to _top it will open in the same window.

How to insert html links for your email.

<a href="mailto:admin@tips4pc.com?subject=General%20Question">
Contact Us</a>

Blue = Shows the beginning and the end of the link.

Yellow = Your email address.

Pink = %20 represents a space between the words.

Red = The subject line of the email.

Green = The text you will click on.

This will open an email box, providing the person has an email program installed, and send it to admin@tips4pc.com The subject line will be called General Question. The %20 is there to show there is a space. And the text will say Contact Us. Like this:

How to insert a link to somewhere on your page.

There is no point me explaining this when there is a perfect example here. Just take a look and see the difference between Chapter 4 and the others. Then you will know what to do.

I hope this article has helped. I tried to write it as simple as possible because I know what its like to try and learn HTML. I could go on about formatting text or aligning it, however this may complicate it even more. Happy learning!

To make an image a link do this:

<a href="http://www.tips4pc.com">

<img src="http://www. tips4pc.com/images/100_0219_resize.JPG” ></a>

Blue = Shows the beginning and the end of the link.

Red = Where you will go when you click the image.

Yellow = Where the image is stored on the internet

Green = The filename of the image

Notes:

When you reproduce this article on your site.. Please be aware that it contains HTML and may not show the entire article on your site.
I learnt by copying other peoples html code for a particular link and then putting my website name it it...Then make sure you test everything.

Mitz Pantic wrote this article and others for Tips4pc.com Browse for more articles that are written in an easy to understand interface and get more FREE computer help.