HTML Course


Page 6 : Images

  • Horizontal Rules
  • Adding images to your Web Page is easy. You include these images as either GIF or JPG formats. For most purposes using the GIF format is best. All graphical browsers can interpret GIF files. The JPG format should be used for photographs. The JPG format are compressed more making the file size smaller, resulting in your image loading faster on your page.

    HTML Tag or Attribute

    <IMG SRC=". . . . .">
    Inserts an image

    ALT=". . . . ."
    Indicates text to display if image isn't

    Controls thickness of border around the
    image in pixels

  • Uploading Your Images
  • You should upload the images you wish to display on your pages. Some free web page services will have a place to do this within their site. If not you must use an FTP program. FTP stands for file transfer protocol. Their are many places on the internet to download these programs for free.
  • Inserting The Image
  • I have uploaded a photograph for our sample. The photograph is call aruba.jpg

    Click Here To See The Photograph

    Free free to right click and save this photograph and upload it. I own the picture and copyright to it.

    Example Code For This Photograph:

    <IMG SRC="aruba.jpg" BORDER="5" ALT="sunset">

    Lets Add This Image To Our Existing HTML Document.
    Note: I have change the text and alignment to start to have the sample start to look like a real Web Page.

    <TITLE>Welcome To Aruba</TITLE>
    <BODY BGCOLOR="#000000" TEXT="#00FF00" LINK="yellow" VLINK="orange" ALINK="red">
    <i><u>Welcome To Aruba</u></i></H1>
    <IMG SRC="aruba.jpg" BORDER="5" ALT="sunset">
    <FONT SIZE="3" COLOR="white">
    <b><tt>This Beautiful Sunset In Aruba<BR>
    Aruba is a lovely island off the coast<BR>
    of South America. The weather is perfect<BR>
    in Aruba any day of the year.</tt></b>

    Click Here To See Our HTML Document So Far
    Use Your Back Button To Return Here