Creating Links

Headline News

You'll find up to date news on subjects such as Late Breaking, World, International Sports, Entertainment, Music, Cricket, Formula 1 Racing, Golf, Soccer, Tennis, Track & Field, Hackers News, Lawsuits, War, Australia, France, Israel, Japan, South Africa and Great Britain.

Learning How To Create Links...

Creating Links is pretty simple really, just a matter of starting off by creating 2 html pages, if you read earlier from Using Notepad, you should by now know how to create an html page, if you didn't please do so before reading on...

Ok you've created your 2 html pages, now open page 1, we'll call this for reference purposes as page1.html, now type this line anywhere in between the <BODY> </BODY> Tags,

<a href="page2.html">Page 2</a>

Now open page 2, for now we'll call this page2.html, and add this line to that page

<a href="page1.html">Page 1</a>

Once that's done, you'll need to upload both page1.html and page2.html to your web host.

If you don't know how to upload your files to your WebHost, I suggest you read my page on FTP Uploading

Ok the links you created will look something like this page 2 just run your mouse over it, and a little hand will appear in place of the usual pointer, this is to show you that you can click onto it, so please do so.

You're now at page2.html, want to get back to page1.html? Ok just click the link on page2.html for page1.html like so, Page 1 and that will take you back to where you were. Simple huh?

Ok here's an explanation of the 2 kinds of links you'll probably create in your time as a website creator, relative and absolute. Most of the links you'll make are like the ones you just did, these are relative. Relative path names point to files based on their locations relative to the current file, while absolute path names point to files based on their absolute location on the file system.

Let's say you saved both page1.html and page2.html into your documents folder, and wanted to create an absolute link, you would therefore create a link similar to this one...

<a href="c:\my docs\page2.html">page 2</a>

This link will work on your computer, but when you put it up on a site or try it on another computer and the files are no longer on the c: in the "my docs" folder, it will not work.

Well you should by now have a grasp on how to create links, if you wanted to create a link to a site, just simply replace "page1.html" or "page2.html" with the site you wish to link to like so,

<a href=
"http://www.psend.com/users/impetus66/Basic.html">
Imp's Basic HTML</a>

Want to know how to create an email link, so people may email you? Ok here's an example

<a href="mailto:name@domain.com">Email Me</a>

Simple isn't it?

You can also use the <a> tag to create an anchor on a page. You can use an anchor link to allow a person to click on your link to take you to a different place on the page, like the top for example. The next example will have a link at the bottom of the page that will move you to the top of the page when you click on it. (to make this work, you need enough information on your page to fill up at least one screen). [Click here and it'll take you to top of page]

To do that, all you need is to place two command lines in between both the <BODY> </BODY> Tags similar to these two,

<a name="top"> (This goes at top of your text on page) and <a href="#top">Top</a> (This goes at bottom of text on your page).

I put an anchor on the top of this page so when you click on this link, it will take you to the top of the page. You can put as many anchors on a page as you want, but you should remember that your actual link should have the # symbol inside it (example: <a href="#whatever">).You do not need the # symbol inside your actual anchor (example <a name="whatever">).