Learn How To Create Your Navigation Links!
Creating navigation links for your website and/or blog allows your visitors to navigate easily throughout all your pages. Below, I have provided various examples of navigation links.
Using "internal" links let your visitors go from one page on your website or blog to another page within your website or blog. The code would look like this for each of your links:
<a; href="http://yoursitename/index.html">Home</a>
<a; href="http://yoursitename/hobbies.html">Hobbies</a>
<a; href="http://yoursitename/pictures.html">Pictures</a>
Using "external" links let your visitors go to a different website or blog. You must use the full web address "URL". The code will look like this:
<a; href="http://www.differentsite.com">"Click Here For Different Site"</a>
The link to the other site looks like this on your web page: "Click Here For Different Site"
If you do not want your visitors to leave your site, use the "target" attribute link. It will make your visitors come back to your page after they have clicked on a link to view a different site. The other site will open up in a different window. The code looks like this:
<a; href="http://anothersite.com" target="_blank">Another Site</a>
Using "page jumps" links allow your visitors to go from the bottom of your page back to the top of the same page in one click. Use this link when your page topic is lengthy...your visitors will not have to use the scroll bar to go back to the top of your page.
In your editor,within the <body;>..…</body> tags, put both links as follows:
* At the top of your page, "after" the <body;> tag,put: <a; name="top"></a>
* At the bottom of your page, "after your last text entry and "before" the </body> tag, put: <a; href="#top">Back To Top</a>
Using the "mail to" link will allow your visitors to email you. The code looks like this: <a; href="mailto:yourself@yoursite.com">Email Me</a>
Using "internal" links let your visitors go from one page on your website or blog to another page within your website or blog. The code would look like this for each of your links:
<a; href="http://yoursitename/index.html">Home</a>
<a; href="http://yoursitename/hobbies.html">Hobbies</a>
<a; href="http://yoursitename/pictures.html">Pictures</a>
Using "external" links let your visitors go to a different website or blog. You must use the full web address "URL". The code will look like this:
<a; href="http://www.differentsite.com">"Click Here For Different Site"</a>
The link to the other site looks like this on your web page: "Click Here For Different Site"
If you do not want your visitors to leave your site, use the "target" attribute link. It will make your visitors come back to your page after they have clicked on a link to view a different site. The other site will open up in a different window. The code looks like this:
<a; href="http://anothersite.com" target="_blank">Another Site</a>
Using "page jumps" links allow your visitors to go from the bottom of your page back to the top of the same page in one click. Use this link when your page topic is lengthy...your visitors will not have to use the scroll bar to go back to the top of your page.
In your editor,within the <body;>..…</body> tags, put both links as follows:
* At the top of your page, "after" the <body;> tag,put: <a; name="top"></a>
* At the bottom of your page, "after your last text entry and "before" the </body> tag, put: <a; href="#top">Back To Top</a>
Using the "mail to" link will allow your visitors to email you. The code looks like this: <a; href="mailto:yourself@yoursite.com">Email Me</a>
More From This Author
About the Author
21
Kudos
+ Kudo
Celebrity Spotlight
Top Entertainment Articles
 |
Zimbio Caption Contest: Enter and Win $25 at Amazon.com!
This is possibly the easiest photo to caption. It practically writes itself.
|
 |
Twilight’s Christian Serratos Gets Naked For PETA
Serratos poses naked for the 'I'd Rather Go Naked Than Wear Fur' campaign.
|
 |
100 Best Bikini Bodies
Click here for the best way to spend 10 minutes.
|
Popular Entertainment Zines
