EZ-Websites4Beginners ... where beginners create websites.

ezlogo
  Introducing Websites

  Domain Names

  Web Hosting

  Designing Websites

  Website Content

  Blogs And Forums

  Guide On Ebooks

  Advertising A Website


   Financial Information:
PayPal
Credit Cards


Sitemap

Visit My Blog

Contact Me









Creating Links And Navigation For Websites

How To Create Your Links For Quick Navigation

You will need to create links on your website, which will allow your visitors to navigate easily to all your web pages.  I have put together various methods of linking to your other web pages and to other websites.  First, let me explain the link command.

"Free Valuable Link Exchanges Here!"




Explanation Of A Link Command:

<a  (the anchor tag - starts the link; carat in front)
href= (Hypertext Reference - tells browser where link is going)
"http://www.sitename.com"  (the full address of the link)
Note:  the full address is enclosed in quotes with the equal sign in front of it.
Type the text that will show on your page and what you want your visitors to click on
/a>  (ends the link; carats at end)...See examples below.


Internal Links

Using internal links let your visitors go from one page on your website to another page within your website.  If you have placed navigation buttons on your site (ex:  first three buttons in your navigation list), the code would look like this for each of your buttons:

<a href="http://yoursitename/index.html">Home</a>
<a href="http://yoursitename/hobbies.html"> Hobbies</a>
<a href="http://yoursitename/pictures.html">Pictures</a>

1.  Create content for your first page and give it a filename (“index.html”)
2.  Create content for a second page and give it a filename (“hobbies.html”)

Now, place a link on your first page “index.html” to go to your second page “hobbies.html”.

The code looks like this: <a href="hobbies.html">Click Here For My Hobbies</a>

Use this format for all your other pages within your website.


External Links

Using external links let your visitors go to a different website. Note:   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


Target Attribute

If you do not want your visitors to leave your site, use the "target" attribute in your link. It will make your visitors come back to your web page after they have clicked on a link to view a different site.   The other website will open up in a different window.  The code looks like the following:

<a href="http://anothersite.com" target="_blank">Another Site</a>


Page Jumps

Using page jumps 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 web 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>
*  Then, at the bottom of your page after your last text entry, and "before" the</body> tag,     put:  <a href="#top"> Back To Top</a>


Contacting You By Email

Using this link will allow your visitors to email you.   The code looks like the following:

<a href="mailto:yourself@yoursite.com">Email Me</a>

These are the basic links that you will use. After you have created all your navigational links, think about web add-ons. Read the next topic "Hit Counters-Guestbooks".

Next Topic:  Hit Counters-Guestbooks

Back To Top


Custom Search
   [Valid RSS]

Add to Google

Add to My Yahoo!
  Articles And Tutorials:
  Links Of Interest: