To add an image use <IMG src="flower.gif" width="190"
height="40" border=0 alt="flower"> and you get
The width, height and border are the size in pixels.
Adding the width and height specifications in the code
speeds up the loading time of an image. To add a border
just replace the 0 with a larger number. The "alt" code gives a word
that is an alternative for browsers that don't handle images.
<IMG src="kids.jpg" width="100" height="119" align=left border=8 alt="Picture"> To align to the left or <IMG src="kids.jpg" width="100"
height="119" align=left border=2 alt="Picture"> to align right. You can use a thick border or a thin border.
Downloading Images
Using backgrounds, buttons, bars, icons and other images really brightens up your page and makes it more fun and interesting. There are lots of sites offering free graphics - including Cottage Row - and they are easy to download. It is usually a good idea to make a file or folder to store your images in or download them to a floppy disk.
Once you find an image you like, with the curser over the image, click with the right mouse button. In Netscape choose "Save image as..." and using Internet Explorer choose "Save Picture As". Then browse to find your file, folder or drive. Then Save.
Remember, linking to an image without permission is stealing bandwidth and improper netiquette. Please download to your site. It's also proper netiquette not to take images from other peoples personal sites except with their permission.
Downloadable Files
If you want to offer a file for download on your page the code is very simple:
Make sure that any downloadable files are freeware or shareware and if shareware, that it contains the proper readme documentation with it.
Tables
<TR><TD>are</TD><TD>hard!</TD></TR>
</TABLE></CENTER>
Anything you wish to do inside a table, change the font, underline,
center, etc., you must do it in each individual cell.
To make a table cell that covers two columns you need this code <TD colspan=2> and to make a cell that uses two rows you just need this code <TD rowspan=2>.
Tables are very useful to arrange images, too. You can use border=0 and it will just show your images nicely arranged or you can use a wider border to make your images look like they have a frame.
Tips | Backgrounds | Midi
Graphics | Image Maps
