Lesson Three: Image Source

Image Source is the image or picture, jpg or gif you would like to put on a page. You can learn that you can put an image picture or gif anywhere in a document page with the proper tag. The source part of the code just tells the computer, Where are you getting your picture from? So that is why we have servers to put all the information on our pages. On their web site server you will have a file or file manager where you will put all the pictures or gifs. Most sites will have an upload function for you to bring your pictures from your computer to theirs. This just means you will upload a copy of that picture saved on their server to place on your web page. This way it will have a path to your picture without loading up directly from your computer each time someone views the pictures.
You can also put an image to link to like this:
< a href = " http://dezart.biz/toolz/etoolz.html " >
< img src = " etoolzhtmlsm.jpg " > < / a >
On the html page tag code. This will make any picture jpg, or gif active when clicked sending it to what web page you want to view.

Elainz Exciting Action Page       Lesson Three X

Elainz Angelz Elainz Afghanz

Elainz Toolz

Page with image linking

The " etoolzhtmlsm.jpg " is set with the width and height of the picture. This will help format the image to the correct proportion that the original uploaded picture is in. The loading of this picture will have just that space on your web page filled, loading efficiently. With some of the servers the height and width are already supported by that site and loading the exact size won't be a paramount issue. You will just use < img src = " etoolzhtmlsm.jpg " >

The alt = tag refers you to a box text with information about the link or site. A very good tool! This tool is very useful in sending the viewer of the web page information about what they are going to click on.
The border = " 0 " tells you not to put a border on the image. If you want a border just put like this:
border = " 3 " You'll get a border the color of your link. Here is an example of a jpg with a border.

Elainz Exciting Action Page                               Lesson Three X

Elainz Angelz Elainz Afghanz

Elainz Toolz

Page with image border around linking

Elainz Exciting Action Page                                 Lesson Three X

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > < HTML > < HEAD >     < TITLE >Elainz Exciting Action Page < /TITLE > < /HEAD > < body background="images/back02ax.jpg" bgcolor="violet" text="black" link="purple" vlink="red" alink="blue" > < p > < center >< a href="http://dezart.biz/toolz/etoolz.html" > < img src="images/etoolzhtmlsm.jpg" width="150" height="75" alt="Elainz Toolz" border="3" > < /a > < /center > < a href="http://dezart.biz/angelz/eangel.html" > Elainz Angelz< /a > < a href="http://www.dezart.biz/afghan/afghanz.html" > Elainz Afghanz< /a > < /center > < /body > < /html >

Elainz Toolz

Click here for info on Reviewing Tags List

* These codes do not need closing for they are usually closed when closing the body. Body tag needs only to be closed at the end of the document. From time to time you will find code you don't have to close. They will be easy to spot. But for now close the tags you can. Don't worry! It gets easier. Take just small steps...

You may contact me. E_Writer