Adding images

It is time for an exercise. To the HTML file you have been working on, use the same NASA button used in the example of this chapter to make a clickable image with a link to the NASA home page, similar to the example shown below.

<HTML>
<HEAD>
<TITLE>My Home Page</TITLE>
</HEAD>

<!-- Written by me -->
<!-- Created:  yesterday -->
<!-- Last modified:  today -->

<BODY>

Go to my favorite:
<BR><BLOCKQUOTE>
<A HREF="http://www.nasa.gov">
<IMG SRC="images/nasa_btn.gif" ALT="NASA logo" ALIGN=top></A> | 
<A HREF="#CITIES">Cities</A> | 
<A HREF="#FOODS">Foods</A>  
</BLOCKQUOTE><BR>

<H1>&#161;Viva M&eacute;xico&#33;</H1> <HR>

<A NAME="CITIES"></A> 
My <EM>favorite</EM> cities are:  
<OL>
<LI>Rio de Janeiro
<LI>Paris
<LI>Venice
</OL> 
<P>
<A NAME="FOODS"></A> 
Some of my <EM>favorite</EM> foods are: 
<UL>
   <LI>Italian
   <UL>
      <LI>Lasagna               <LI>Pizza 
      <LI>Prosciutto            <LI>Ravioli
      <LI>Spaghetti
   </UL> 
   <LI>Fruits
   <UL>
      <LI>Apples                <LI>Bananas 
      <LI>Cherries              <LI>Figs
      <LI>Grapes                <LI>Melon
      <LI>Nectarines            <LI>Oranges
      <LI>Papaya
   </UL> 
</UL> 

<DL>
<DT><STRONG>favorite</STRONG>
<DD>A person, or thing liked or prefered above all others; 
regarded with special favor; special.  Things I really like.
</DL>

</BODY>
</HTML>

Once you have added the links to your HTML file, run it to see if you get the same results I obtained.

Let's review this chapter.