Yep, you're right. To insert the image in the HTML you need to write in the body of the document such code:
<img src="image.gif" alt="some text" width=32 height=32>
- img stands for "image." It announces to the browser that an image will go here on the page.
- 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.
- image.gif is the name of the image. Notice 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).
- alt stands for "alternate text". This tells the browser that if it can't find the image, then just display this text. It also tells anyone who can't view your image what the image is about.
- width stands for just that, 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.
- height stands for, as you might guess, the height of the image in pixels. Again, the height can be just about anything, but generally will be less than the height of the web browser.
I take many examples and assignments for HTML from spam link, so I can still show how to activate image (turning an image into a link). In order for the image to become clickable or “active”, the following code needs to be written:
<a href="http://www.site.com"><img src="image.gif" alt="Home"></a>