Tsuni_Night


Lesson 1 - Getting Started Lesson 2 - Fonts & Color Lesson 3 - Comments Lesson 4 - Links
Lesson 5 - Pictures & Graphics Lesson 6 - Spacing Lesson 7 - Tables Lesson 8 - Forms

HTML HELP
Lesson 4 - Links

Links are actually pretty simple. Their tag looks like: <a href="HTMLhelp.html">Text or Image Here</a> In this example I am taking you back to this page.  This type of link, with only the file name (HTMLhelp.html) will work for internal links. (Links within the same file folder on your web server)  If, however, you wish to go to an external link you will need to put the entire URL in the quotations. 

Regular Links: 

Example:  <a href="http://www.naglefarms.com" target="blank">Nagle Farms</a>

The example above will take you to the Nagle Farms web page.  It will also put it in a new window.  This brings me to the other additional features you can add to links.  You can control where your links go.  You can tell them to go to a named page.  If you want all your graphics, or outside links, to show up in another page you may wish to name that page.  If you name it something each subsequent page that is targeting the same named page will show up in that window.  In other words you would use the target="page name here" command to put it in a new window.  If you want each page to show up in it's own window I recommend using the blank or _blank command.  (target="_blank").  This will put each page in a blank, or new, page. 

Example:  - the first two will take you to the window named "new window", and the last to will take you to an individual window per link. (If you have a pop-up blocker you may need to turn it off depending on the settings within the program. Most pop-up blocking programs will allow you to go to a new window if you click on a link, but some will not.)
PayPal Tech
PayPal
PayPal Developers
PayPal Helper

Anchored Links:
There are also anchored  links, or links within a page.  If you have a long page (take this one for example) and want to go to certain points within  a page you can do so by naming and calling them.  You can name them whatever you prefer, but you must remember to call them properly.  I try to keep my names simple so that I can remember them when I'm creating the page.  In this case I named the lesson 4, 4.  So to call that particular portion of the page I would do so by using the standard link only with a # sign in front of the link. <a href="#4">Calling Lesson 4</a>.  However, to call something you also have to name the lesson.  To name a portion of your page you simply alter the link text a bit.   In this case I named it <a name="4"></a>  

So in recap to name a portion of your page.  <a name="your anchor name here"></a>
You can put text within the name, but it is not required.  It is simply calling that portion of the page.

To call that anchor you would use a standard link with a pound sign in front of it: <a href="#anchor name"></a>

To test this just click around the lessons using the top and lesson keys. This should get you to the top of page, and/or to the lesson of choice.

Email Links:

Email links allow someone to click on a button graphic or text link and send am email to you, or the person of your choice.

They are much like regular links but include the mailto: in the link process.

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



Top

[ Home ] [ Forums ] [ Tsuni ] [ Bryir ] [ HTML Help ] [ PayPal Help ] [ Zodiac ] [ Links ]