Exercise Six
- In this exercise, we'll take our familiar HTML document and using
the sample <IMG> tag, from the previous page, place a ball icon
in front of each of our favorite web site links.
- Try it out....
- The figure below shows what your page might look like:
- And here is the code we used to get the page
<HTML>
<HEAD>
<TITLE>Bob Frog</TITLE>
</HEAD>
<BODY>
<BLOCKQUOTE>
<ADDRESS>
<P ALIGN = "RIGHT">
Bob Frog
<BR>26 Ayer Rajah Cres. 12-01
<BR>Singapore, 12994466556
</P>
</ADDRESS>
<P ALIGN = "LEFT">
<FONT SIZE = "4" COLOR = "RED"><B>
About me</B></FONT><BR>
<BLOCKQUOTE>
Hello, my name is <B>Bob the Frog</B>
and I am 278 years old from the <I>Gamma
Quadrant</I>. Please send me
<A HREF = "mailto:bob@email.com">email</A>!
</BLOCKQUOTE>
<P>
<FONT SIZE = "4" COLOR = "RED"><B>
About my work</B></FONT><BR>
<BLOCKQUOTE>
I am currently a software engineer working in
Singapore doing <U>training</U> and
<U>development</U>.
</BLOCKQUOTE>
Here is a list of my favorite links:
<BLOCKQUOTE>
<IMG SRC = "http://www.eff.org/ball_red.gif"
ALT = "[*]">
<A HREF = "http://www.eeye.com.sg">Electric Eye</A>
<BR><IMG SRC = "http://www.eff.org/ball_red.gif"
ALT = "[*]">
<A HREF = "http://www.extropia.com">Selena Sol's
Homepage</A>
</BLOCKQUOTE>
</BLOCKQUOTE>
</BODY>
</HTML>
Referencing Images
Introduction to Web Design | Table of Contents
Clickable Images
|
