Make a Link
Element: <a> Start tag: required End tag: required Attributes: charset, type, name, href, hreflang, rel, rev, accesskey, shape, coords, tabindex, onfocus, onblur. id, class, lang, title, style, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, more attribute info here
One of the key elements of the Web is the <a> tag. The
<a> tag lets you create a link out of text or image to another
document. When the link is clicked the user agent will load the new document.
Attributes of the <a> tag are charset,
type, title, name, href, hreflang,
rel, rev, accesskey, shape,
coords, target, and tabindex.
charset
sets the character set of the link. type sets the content type of the link.
title tells more about the link.
name is used to set internal document anchors. href is used
to specify a link location. hreflang is to specify the language of the
document. rel specifies the relationship of the document. rev
specifies a reverse link location. accesskey assigns an accesskey to the
link. shape is used for image maps. coords is used for image
maps. tabindex
sets the priority of the element when the document is being navigated with a keyboard.
target values are _blank, _self,
_parent, _top, or the name of a frame. _blank
opens a new window. _self loads the document in the current window or
subwindow. _parent loads the document into the parent frameset.
_top clears all frames and loads the document.
<p>Go to my favorite page: <a href="http://www.yahoo.com/" title="Search Engine" target="_blank" accesskey="y" tabindex="5">Yahoo!</a>
<p><a href="http://www.yahoo.com/"><img src="picture.gif"></a>
You can link to places within a document with the anchor tag <a>
and the name attribute. If your anchor name was modems then your link
would look like #modems.
<p><a href="#modems">Go to Modems</a>
<p>Some text in the page
<p><a name="modems"> </a>
You can change the color of an unvisited link, a visited link, and an active link
by using the attributes link="", vlink="", and
alink="" in the body="" tag.
<html>
<head>
<title>My Very First WebPage</title>
</head>
<body link="#0000FF" vlink="#800080" alink="FF0000">
etc...
Add an E-Mail link
The web at times can seem to only be one way. Users load your page and look at what you have made. With email, you can offer your users a way to send back comments etc. This is how to add an email link on your webpage:
Please <a href="mailto:address@isp.net">click here to
email me!</a>
Please click here to e-mail me!
You can also include a subject in your email link, but this doesn't work in all browsers:
Please <a href="mailto:address@isp.net" title="your+subject">
Click here to email me!</a>
Please click here to e-mail me!
Note:
Some people use subject:my_subject to add a subject to their email. This
should be avoided because it will cripple the ability to send the email in
some browsers. title="" will not cripple sending email, therefor it is advisable
to use title="".
Downloadable Files
You can allow anyone to 'download' files from your webpage. It is a very simple, and effective way to transfer files and information. Almost any file can be offered for download: text files, programs, zip files, etc.
First, you should consider 'compressing' your files with a program such as WinZip for Windows. This will shorten the download time, which is good for all the impatient web surfers. Second, upload the file to your server. Third, add this code to your page:
<a href="filename.exe">Download Now!</a>
Replace 'filename.exe' with the name and extention of your file. You now have a downloadable file on your webpage. Simply repeat this process to add more downloadable files.
