| Multiwingspan Home Page |
| Multiwingspan Games |
| Gnasher @ Multiwingspan |
| Multiwingspan Calendar |
| Multiwingspan Clock |
| About Multiwingspan |
| Visual Basic 6.0 Guide |
| Visual Basic 6.0 Examples |
| Turbo Pascal Guide |
| SWI Prolog Guide |
| Visual Basic 2005 Guide |
| Structured Query Language |
| HTML Design Tasks |
| Introduction To HTML |
| Introduction To CSS |
| Introduction To Javascript |
| AS/A2 Level Computing |
Images can be significantly larger files than web pages themselves and will slow down the rendering of your pages if too many large images are included on one page. When using or creating images you should make sure of the following.
The image is saved in an appropriate place.
The image is no larger than it need be.
There is no unnecessary white space around the image.
The imaged is saved as a .jpg, .png or .gif file. (file formats which offer some image compression)
All of the above can be achieved in Paint Shop Pro.
<img src=" " alt=" " align=" " border=" " height=" " width=" ">
| src | Specifies the location of the picture. eg <img src="pic.gif"> |
| alt | Specifies the text that should appear if the picture cannot be found. |
| align | Left/right/top/bottom options affect the way that text wraps around the image |
| border | Specifies the width of the border in pixels |
| height/width | Specifies the dimensions of the picture in pixels. If these are not the true dimensions of the picture the browser will scale the picture accordingly. It is better to specify the actual size of the picture here. |
You do not need to have all of the attributes listed above in order to display an image. You must of course specify the source (src) of the image.
Reopen the file that you created in Exercise 3. Scan a photograph of yourself and add it to the page. Save, view and print your work.
Return To HTML Guide || Return To Homepage