Although there are ways to wrap text around Images, I've found it gets
a bit too complicated, and does not always turn out like I want it.  If
you use the ALIGN option for an Image, the text will normally go around it
(and word wrap where needed to fit).  But, you won't really know how this
will look with different web browsers.  Therefor, I will not be covering
how to make fancy web pages like that in this tutorial.

     To keep things simple, I usually keep the text above (or below) an
Image, and only rarely try to put text beside an Image.  You can just add
a line Break "<BR>" (or a Paragraph "<P>") tag before (or after) the
"IMG SRC=..." tag.  Here is how I might lay out a thumbnail link:

<P>
<A HREF="fullsize.jpg"><IMG SRC="thumb.jpg" ALT="Thumb Pic" BORDER="0"></A>
<BR>
Click on the above Image to view the full size picture.
<P>

     This way, the Image is all by itself, and the text is below it.
You can place Images side by side by leaving out the <BR> or <P>.

     I would have liked to show examples of this on this web page, but
that would not only take more work on my part (no big deal there), but
would also require additional file space, and take longer for this page
to load.  Besides, you can find many examples of Images, Graphics, and
Pictures with (or without) Borders and/or used as Links on many other
web pages (not to mention that you've probably seen more than enough of
them on my other web pages already).

     By now (hopefully) you can understand some of the basic ideas of HTML.
I've tried to explain it the best way I could (leaving out many of the
advanced options, but still including the most often used ones).

     If any of this is now making some sense to you, then you should be
able to figure out what I'm doing in the next part.  In it I will show you
the exact HTML code I once used on my GeoCities web page for the thumbnail
pictures of my kids.  And (hopefully) now you can understand what it does.

[Previous Section] [Table of Contents] [Addendum] [Milt's Micro Digest Home Page] [Next Section]

---

The names Microsoft, Internet Explorer, Netscape, and others used in this document
are Trademarks, or Registered Trademarks of the companies represented.
E-mail questions, comments, or suggestions to: miltst@hotmail.com
© 1999 miltst@hotmail.com

(This page was last modified on: Monday, February 08, 1999)