PICTURES AND LINKS   Go back to the Main Menu 

Working with Graphics
Lets see what happens when we change the dimensions!!


How about we add a link to Yahoo. Notice the anchor tags.
Go to Yahoo! An email link works the same way. We just use an email address instead of a page address.
Send me Mail!

How about links to other pages Exercise 2 Exercise 3

We can make an image a link if we want. Using the 'Yahoo' example above, we simply substitute an <IMG> tag for the word Yahoo
Go to
How do you get rid of the annoying blue border around the image when you make it a link? Simple...
Go to

The Code for this page is as follows:

<HTML>
<HEAD>
<TITLE>Exercise 6 in HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#ffffff">
<FONT SIZE=4 FACE="MS SANS SERIF">Working with Graphics</FONT><BR>

Lets see what happens when we change the dimensions!!<BR>
<IMG SRC="copper.gif" WIDTH=82 HEIGHT=68>
<IMG SRC="copper.gif" WIDTH=200 HEIGHT=68>
<IMG SRC="copper.gif" WIDTH=20 HEIGHT=100>
<IMG SRC="red_dot.gif" WIDTH=510 HEIGHT=1><P>
<IMG SRC="red_dot.gif" WIDTH=510 HEIGHT=2><P>
<IMG SRC="red_dot.gif" WIDTH=510 HEIGHT=5><P>
<CENTER><IMG SRC="red_dot.gif" WIDTH=2 HEIGHT=200></CENTER><BR>

How about we add a link to Yahoo. Notice the anchor tags.<BR>
Go to <A HREF="http://www.yahoo.com/">Yahoo!</A>

An email link works the same way. We just use an email address instead of a page address.
<BR>
Send me <A HREF="mailto:[email protected]">Mail!</A> <P>

How about links to other pages <A HREF="exercise2.htm">Exercise 2</A>
<A HREF="exercise3.htm">Exercise 3</A><P>

We can make an image a link if we want. Using the 'Yahoo' example above, we simply
substitute an <IMG> tag for the word Yahoo<BR>

Go to <A HREF="http://www.yahoo.com/"><IMG SRC="copper.gif" WIDTH=82 HEIGHT=68></A><BR>

How do you get rid of the annoying blue border around the image when you make it a link?
Simple...<BR>

Go to <A HREF="http://www.yahoo.com/"><IMG SRC="copper.gif" WIDTH=82 HEIGHT=68 BORDER=0></A><BR>

</BODY>
</HTML>

 Go back to the Top   Go back to the Main Menu