|
Adding Images
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
|
Effect
|
|
<IMG SRC=". . . . .">
|
Inserts an image
|
|
ALT=". . . . ."
|
Indicates text to display if image isn't displayed
|
|
BORDER="number"
|
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.
Click Here For A Lesson On FTP
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.
<HTML>
<HEAD>
<TITLE>Welcome To Aruba</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#00FF00" LINK="yellow"
VLINK="orange" ALINK="red">
<H1 ALIGN="CENTER">
<i><u>Welcome To Aruba</u></i></H1>
<P>
<HR SIZE=4 WIDTH="80%" ALIGN=CENTER>
<HR SIZE=4 WIDTH="60%" ALIGN=CENTER>
<HR SIZE=4 WIDTH="40%" ALIGN=CENTER>
<IMG SRC="aruba.jpg" BORDER="5" ALT="sunset">
<P>
<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>
</FONT>
</BODY>
</HTML>
Click Here To See Our HTML Document So Far
Use Your Back Button To Return Here
Back------Next
|