Summary:

Links in HTML using Text Edit

    ●   What's the difference between a Web Page and a Web Site?

    ●   A Web Site is a collection of Web Pages linked together by hyperlinks.


Learn About:

<a> Tags href Tags Zip Files

 

  •   This tutorial is for the Fan-Tastic Project and is part of a series:

1 - First Web Page   2 - index Page   3 - Special Characters   4 - Ordered Lists   5 - Links   6 - Horizontal Nav

Step #1: Open your index page ~

Last time you worked on Lists.

This time, we will turn those lists into links.


Open your index.htm document in your text editor and insert <!-- today's date --> between the invisible comment tags.

code


Step #2: Make your Pages ~

Remember the Site Map you created? Now it's time to make all those pages you listed …


Each link you made may correspond roughly to your site map layout. First you must identify those links …


Step #3: href tags ~

Click on one of your Links or ANYTHING you want to be clickable, and surround it with the <a href="#"></a> tag:

 

 

 

It helps to have a page for the link to go, but if you don't have anything yet, just use #

 


Save your work and see what you just made!

 

 

 

Remember, # is NOT A REAL LINK.

 

 

It just fools the computer into acting like it …

 


Step #4: Name Your Links ~

Name your pages after the links. For instance, if your link is then it's a good idea to change the link to that also:


Do all your links in this way …

 

Remember:

link names should have No spaces -

No unusual characters -

No weird fonts - No capitol letters, No slashes, No periods or any other nonsense -
KEEP IT SIMPLE!

 

Step #5: Make Your banner a Link ~

Make the banner image a link to the index page by surrounding the image with a link and making it link to your home page.


Save your Work and view it in a browser!

 

 

 

 

 

If the link works correctly your header image should be clickable.

 


Step #6: Make New Pages ~

Now all you have to do is go to: File » Save as

… duplicate your index page and name them after your links.


Do all your links this way and you should have a complete working website.


Step #6: See if it Works ~

Open your new index page in a browser and start clicking on all your links.

You should have at least 4 identical web pages that can be reached by clicking on any link.


Step #7: Compress your Folder ~

Now all you have to do is Right-Click the root folder of your site, compress it and attach it.


Last Step: Save and Attach ~

Attach the .zip file with the completed links …


Other Resources: http://www.webreference.com/programming/css_style2/