 |
Links
Links connect documents together like links in a chain. You may use links to connect to remote servers or to documents within your own domain. Links use Anchor tags to connect to other documents:
< a href="URL.html"> description < /a >
| Tag |
Description |
Function |
| < a |
Anchor Tag |
Opens the link command |
| href= |
html reference |
Points to the link |
| "url" |
"url.html or htm" |
The path name requires enclosure between quotation marks. |
| Name |
Brief Description |
Names and underlines the the link |
| < /a > |
Closing Tag |
Closes the link tag |
Remote Links
The table above explains the dynamics of the linking tags. If your web server is located on " www.geocities.com " and you wish to create a link to The Blue Ribbon Campaign website at " www.eff.org ", then you will be required to enter the full path name within the link tag as follows:
< a href="http://www.eff.org/blueribbon.html"> The Blue Ribbon Campaign < /a >
The brief description text between your opening and closing anchor tags will be underlined by default in most browsers:
The Blue Ribbon Campaign . This informs visitors that a link exists and is clickable. Once your link has been created, test it by clicking on it. If it does not work, go back and proofread your tags.
Local Links
Local or inside links serve to link to documents within your own web server and/or website. Instead of linking using a full path name as you would to connect to a remote server, local links only require " relative path names ". An example of a relative path name would be:
< a href="tags.html" > Basic Tags < /a >
This link would bring you to the tags document within this website. Another example would be linking to another website within the same web server - Geocities:
< a href="/SiliconValley/Way/1299" > #Chat Homepage < /a >
This link would bring you to the #chat Homepage in a different neighborhood (directory) on the Geocities web server. In the URLs document on this website we discussed how directories (folders) are seperated by a " / " (slash). The link to the #Chat Homepage above demonstrates how a slash inserted immediately preceeding a directory name would bypass the ResearchTriangle directory and go directly to another Geocities directory - SiliconValley.
Directory Trees
Directories form a tree-like structure. To move up the directory tree requires simple tags. If you want to go to the main page of this neighborhood, Research Triangle, from this page then you must enter:
< a href= "../" > Research Triangle < /a >
Research Triangle
This will only work if the current page resides in your website's main directory. If you want to bypass the Research Triangle main page and jump directly to the Geocities main page enter:
< a href="../../"> Geocities < /a >
Geocities
The following tag will bring you to the home directory of any web server where your homepage resides:
< a href="/" > Home Directory < /a >
Home Directory
Navigational Bars
A navigational bar resides at the bottom of each document in this website. Navigational bars are links to each section of the homepage and serve to better organize websites. A simple navigational bar follows:
< H5 align="center" >
|< a href="index.html" > Main Page < /a >| < br >
< a href="page2.html" > 2nd Page < /a >| < br >
< a href="page3.html" > 3rd Page < /a >|
< /H5 >
To get a better idea of how a more lengthy navigational bar is done, right click with your mouse anywhere inside this document which will bring up a menu. Scroll down to and click on "View Source" which will bring up a seperate window revealing the source data. Near the bottom you will be able to view how I formatted my navigational bars.
|
