Hypertest anchor tag examples

Relative addressing means you do not have to use the entire file path/name/extension; the location of the file you are linking/jumping to is 'relative' to the previous page.
A link to a page in the same folder

Absolute addressing is necessary if the page you are linking to is not 'relative' to your present one. A good example is having to go to another site altogether.
Link to SSU website

It is a good idea to put a title in on a link, which provides an identifying 'balloon' when the viewer puts the cursor on the link. The title can explain as well as ID.
Link to SSU website with title

The webmaster may wish to have the site coded so that the linked page does not replace the displayed page but opens in a second window/browser. This is done with the 'target' attribute. Target is very important in working with frames.
Link to SSU website opening in a second window

Linking tags can be used to link to the viewer's email software, and 'jump' to allow them to easily send an email. It automatically puts the programmed email address is then 'to' line. [Note, it is a good idea to put the email address 'in the clear' (i.e., readable on the page) as well as inside the a href tag.]
To send an email to the webmaster at ravencatt@earthlink.net.

And the a href can be used to run movie and sound files. The extension on the file lets the browser know to link to whatever sound/video software is on the computer rather than attempt a hyperlink 'jump' to another page.
Running lizard movie

Pictures

To insert a picture, use the img src tag.


The alt tag works like the title on the link.


The height and width can be used to change the size without making any permanent changes in the file itself. If you use just one it will automatically adjust the other to keep the same proportions. (Original size was 195 x 205 pixels)


Or you can distort the picture by changing both dimensions but not in proportion.


And an image can be used as the place to 'click' to activate a link. (Note the blue underline that automatically goes under words acting as a link becomes a blue corder around the picture.)
Go to my non-teaching site

And if you want to go back to the top of this page, you can since a name tag is placed to allow a jump to that specific spot, using the following link:
Return to top of page

Return to Demo/example page
Return to main page