Images
The image tag is another of the small family of HTML tags that do not have
an end tag. The image tag must be passed a parameter to tell the browser where
to load the file from. This parameter is the src (or source) parameter. Some
code for loading the image, me.jpg is shown below:
<img src="me.jpg">
We can also uses images as links. If we wanted to use the above image as a
link to the aboutme.htm page, then we could use this code:
<a href="aboutme.htm"><img src="me.jpg"></a>
Try experimenting with this concept. You'll understand it much better once
you have a go yourself!
The image tag can also accept width and height parameters. These are measured
in pixels. If you set only one of these parameters, the other dimension is altered
to keep the image to scale. If you set both then you can resize the image to be
out of proportion if you wish. The following code would set our image to height
50 pixels and width 100 pixels:
<img src="me.jpg" width=50 height=100>
The body tag has another parameter that can be used to alter the background
picture. The browser will tile the image if it is too small. If I wanted to set
the background of my index.htm page to the me.jpg image then I'd use this code:
<body background="me.jpg">