You will be aware that in order to get from one page or site to another you have to click on some text or an image.
By default Text Links are identified by being underlined, but depending on the person who designs the page or site, links can be made to be highlighted on mouseover or effected in other ways.
Most of my links change colour when you pass your mouse over them..
Links are created using the following code.
You place the path and name of the file to be opened between the quotes in the opening A HREF tag and your link description goes between the opening tag and the closing tag.
Click This Link to open my sample page.
This is the code that makes it happen.
If the link is to open a document in the same folder you simply type;
If the link is to open a document in a folder within the current folder you type that folders name and the document name separated by a forward slash;
If the link is to open a document in a folder outside the current folder you type ../ to bring you out of the current folder, then the folders name where the document is, and then document name separated by a forward slashes;
Example
Your document resides in Folder1 and you want a link to open a document in SubFolder 2
(SubFolder 2 is inside SubFolder 1 which is inside Folder 1)
Similarly if your document resided in subfolder2 and you wanted to open a document in folder 1
The first ../ brings you out of SubFolder 2, the second ../ brings you out of SubFolder 1 which places you in folder 1
If your document resided in subfolder2 and you wanted to open a document in folder 2
The first ../ brings you out of SubFolder 2, the second ../ brings you out of SubFolder 1, the third ../ brings you out of Folder1, Folder2 is the folder your target document is in, and finally your yourpage.htm the document you want to open.
When you selected the link above you will have noticed that this page is replace with my sample page.
You can have the new page opening in a new browser window by using the TARGET=" " attribute.
<a href="sample.htm" target="_blank">This Link</a>
If you are going to have a lot of links on one page and you want them all to open in a new browser window, you can put <base target="_blank"> in the head section, otherwise each link that requires this function will need its own target="_blank"
For more information on New Window Attributes see Opening New Window
Not only can you open other pages with links, you can also go to specific places within the same page or on other pages.
In order to do this you have to place a marker where you want the link to go on that page.
This is done using the following code:
The word IDENTIFIER can be anything you want.
When you type your page for the link you put an hash immediately after the extention followed by your identifier.
At the top of my page, in the source, I have placed the following Identifier:
So the link is as follows;
Selecting this link will take you to the top of this page. This Link
I have used a simple IDENTIFIER called TOP
Another example:-
Click This Link to open my sample 2 page.
Images can be used for links as well as text.
This is done by replacing your link description with the image code along with any img src attributes
Next is the image
When you click on a link, whether it be an image or text, a dotted line appears around the link area and usually remains until you click elsewhere on your page.
Although, for now, there is not a permanent way to stop this there is a way to reduce the amount of time it remains visible.
By adding onclick="this.blur()" to the link the dotted line will only remain visible whilst the link is actually being clicked.
Now try Link Two
<a href="page.htm" onclick="this.blur( )">Your Link</a>