Codecs for Images

The HTML format for placing an image:

Syntax: <img src="url" alt="some_text" style="width:width;height:height;">   

Eg: <IMG SRC="image.gif" ALT="some text"  style="WIDTH:32px; HEIGHT=50px;">

(or)
<IMG SRC="image.gif" ALT="some text" WIDTH="32" HEIGHT="50">


The Image Element Parameters

1. IMG stands for "image." It announces to the browser that an image will go here on the page.

2. SRC stands for "source." This again is an attribute, a command inside a command. It's telling the browser where to go to find the image.

3. image.gif is the name of the image. It's following the same type of format as your HTML documents. There is a name (image) then a dot and then there is a suffix (gif).

4. ALT stands for "alternate text". This tells the browser that if it can't find the image, then just display this text. 

5. "some text" is where you put the text describing your image.

6. WIDTH stands for, the width of the image in pixels. It can range from 1 pixel to, well, just about any number, but generally will be less than the width of the web browser.

7. HEIGHT stands for, the height of the image in pixels. Generally it will be less than the height of the web browser.



Images in Another Folder

                                                       Folder           Image file 

Images on Another Server



Using an Image as a Link




Animated Images

The <img> tag is empty, it contains attributes only, and does not have a closing tag.
Previous
« Prev Post