Inserting an in a HTML Page

Adding an Image to your page

Adding an image to a HTML page is cool like when taking candy. Oh! that's what i said.

You add an image simply typing this code:

<img src="jude_carter.gif" alt="Jude Carter Picture" style="width: 100px; height: 80px; ">

In the code we provide the an attribute 'alt' this attrbute contains value that display when the page has not loaded completely. It displays the value contained inside.

In the 'src' attribute we provide the location of the image, in the sample code i used just the name of the image because the image is in the same folder as the page, so no need of proving address. We just have to type the name of the image when is in the same folder as that of the page which the image is inserted.

You will have to specify the size of the image by providing the image width and height. Here i used a CSS style to specify the image size. The reason why you specify the size is to prevent the page from flicking when the page is load. And the image will full the entire browser window when the size is not speciified.
You can actually specify the image size by just typing this "width="200" height="100" in the imag tag. That will also give the image the size specified.