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
|