HTML: How to Link a Page

Friday, March 27 2015 2:00 pm, GMT+1h Laura | Leave a comment

There are two ways:

1) linking an image and 2) with a text link.

1) Use this to link an image to a second page.

<a href="Your URL" title="SUBJECT" target="WHERE YOU WANT IT TO OPEN"><img border="0" src="IMAGE URL" alt="TITLE" /></a>

Now change:
:arrow:  YOUR URL with the url of the page you want to link;
:arrow:  SUBJECT with the subject of the page, could be the same as the TITLE;
:arrow:  WHERE YOU WANT IT TO OPEN where you want the page to be opened;
:arrow:  IMAGE URL with the url of your image;
:arrow:  TITLE with whatever you want it to appear when someone over the image with the mouse in IE or when the image can’t be loaded for any reasons.

I’ll use an ‘enter’ image, over it with the mouse and it’ll say ‘Enter my site… Hurry up’; if you click on it, this page again will appear again because I linked the image to this page:

enter

:!: I suggest to leave border=”0″ because if you take it away there will be that nasty and bad looking blue border around the image like this:

Enter my site... Hurry up

See the differance with the one above? Then it becomes purple when you visited the link (if you don’t have a style code).

2) It’s the same only you don’t have the image but a text. Use this:

<a href="Your URL" title="SUBJECT" target="WHERE YOU WANT IT TO OPEN">TEXT</a>

Now change:
:arrow:  YOUR URL with the url of the page you want to link;
:arrow:  SUBJECT with the subject of the page
:arrow:  WHERE YOU WANT IT TO OPEN where you want the page to be opened;
:arrow:  TEXT with the text you want.

This is an example with TEXT=Link Tutorial (as before it is linked to this page):

Link Tutorial

Mine isn’t purple because I have a css but if I didn’t have it, it would be purple.

Leave a Reply

Your email address will not be published. Required fields are marked *