Table of Contents

Contents

A Basic Template

Text

Images

Links

Colors

Body Tag

Tables

Upload to Net

LINKS

Links are 'hypertext' that when clicked on can take you to another webpage. Links are usually displayed in blue and will turn to purple once you have visited that link. You can change the link color and the visited link color to any color you want in the body tag but the blue and purple are the default colors. An image can be a link too. If an image is a link you can click on the image and it will take you to another page.

Text Links

Text links are generally created by...

<a href="some_html_file.htm">text that is clickable</a>

...where 'some_file_html.htm' is another html file in the current directory that the browswer will go to when the user clicks 'text that is clickable'. The same principles apply as in image code if you are linking to a webpage whose html file is in a directory above or below the current directory. Furthermore, the 'href=' could be a URL. For a specific example, this code...

You can get the daily news on the <a href="http://www.cnn.com">CNN</a> website.

...would produce this on a webpage...

You can get the daily news on the CNN website.

...Note that only the CNN is hypertext. A common mistake is to leave out the </a> and then everything on the rest of the webpage would be hypertext to CNN.

Image Links

To have an image be a link you substitute image code for the 'text that is clickable' part in the link code. Like this...

<a href="http://www.cnn.com"><img src="cnnbutton.gif" border="0"></a>

...where 'cnnbutton.gif' is an image of a button with CNN on it. Border is set to 0 to eliminate the border that will be put around the button image because it is hypertext. Otherwise you get a one pixel thick border around the image that is blue and turns to purple when visited.