Web.Wizard HTML tutorial series

Tutorial 5

Images

It is vary rare for Web pages to purely consist of text alone. Images should be used to spice up and compliment the contents of your Web page. Do not go over the top mind (big images take along time to download!), but a little colour is always welcome :)

To include an image within your Web page, the following HTML code is used (notice that the tag </IMG> is not required!).

<IMG SRC="" ALT="">

The image file formats in common use over the World Wide Web include, GIF, JPEG and PNG. If you do not wish to create your own images, you'll find the World Wide Web and your Atari PD library a superb source! A text alternative should always be provided for readers who have instructed their browser not to download images!

For example,

<IMG SRC="atari.gif" ALT="Atari logo">

Atari logo

<IMG SRC="ac.jpg" ALT="Atari Computing">

Atari Computing


To include a background image the attribute, BACKGROUND="", is included in the <BODY> tag (see tutorial 1), as shown below.

<BODY BACKGROUND="atari.gif">

Therefore, the HTML code for a basic Web page with a background image would look like this...
<HTML>
	<HEAD>
	<TITLE>This is my title</TITLE>
	</HEAD>
	<BODY BACKGROUND="atari.gif">
	This Web page uses an image as its background!
	</BODY>
	<ADDRESS>
	This Web page was written by Matthew Bacon
	</ADDRESS>
</HTML>

END OF TUTORIAL

Go back to Contents Back|Next


Please direct any comments to Matthew Bacon at: cadenza@cyberstrider.org
Copyright © Matthew Bacon - Last updated on: 10-07-99

This page was created using Web.Wizard v3.10 © 1997-1999 Cadenza Software