CLASSES OF INTEREST TECHNOLOGY MY WORLD  
 

copyright © 2006 Don Southwell - All rights reserved

Hyperlink Practice

Part One -- Hyperlink to another URL:

  1. Using Notepad, start a web page named hyperlinks.html
  2. Add the <HTML>, <HEAD>, <TITLE> and <BODY> tags.
  3. Under the <BODY> tag, type this in:
    <A HREF="http://www.microsoft.com">Go to Microsoft</A>
  4. Save
  5. Upload to your student directory
  6. Go to Internet Explorer and open
    http://www.delta.edu/username/hyperlinks.html
  7. Test the Microsoft link.
  8. Does it work? If not, fix your errors before you go on.

Part Two -- Hyperlink to index.html:

  1. Without closing IE, go back to Notepad.
  2. Underneath the Microsoft link, type this in:
    <A HREF="index.html">Back to main page</A>
  3. Don't forget to use <BR> or <P> to force the new link onto another line. (Look this up in your book if you don't understand what this means.)
  4. Save, reload to your student directory, but do not close Notepad.
  5. Return to IE and click the Reload button
  6. Test the new link.
  7. Does it work? If not, correct your errors before you move on.

Part Three -- Hyperlink from index.html to hyperlinks.html:

  1. Without closing IE, go Back to Notepad. Open index.html you created in lab A.
  2. Somewhere under the <BODY> tag, type this in:
    Go to the <A HREF="hyperlinks.html">hyperlinks</A> page
  3. Save, upload index.html to your student directory, but do not close Notepad.
  4. Return to IE and load the index.html file.
  5. Test the new link to hyperlinks.html
  6. Does it work? If not, correct your errors before you move on.

Part Four -- Hyperlink to an e-mail address:

  1. Without closing IE, go back to Notepad.
  2. Open hyperlinks.html
  3. Underneath the other links, type this in:
    Send me some <A HREF="MAILTO:username@delta.edu">e-mail</A>
  4. Don't forget to put in your unique username.
  5. Save, upload to your student directory, but do not close Notepad.
  6. Return to IE, go back to hyperlinks.html and click the Reload button.
  7. Send yourself a test email.
  8. Again, test the new link. If you have errors, correct them

Part Five -- What to turn in:

  1. Print your html source code for index.html
  2. Print your html source code for hyperlinks.html
  3. Print your browser window for index.html and hyperlinks.html
  4. Print your test email. (From your outlook account.)
  5. Staple and turn-in for lab credit.

! You are using a version 4 browser or older. If you are experiencing any problems with scrolling, please reload the page.