Web Hosting User Guide - HTML and CGI Script - Adding Images
Adding images to a Web page can make the page more attractive, inviting and professional looking as well as informative and easy to browse.
Images should be used sparingly. Too many images can overpower a Web page as well as increase load time.
Below is an example of the HTML you would use to insert an image:
<img src="image.gif">
Controlling Horizontal Distance between Images
With an <IMG> tag you can place several pictures side by side, but it is slightly more involved to specify equal distance between the images. This can be accomplished using a table with the WIDTH="100%" attribute in the <TABLE> tag. For example, as it is written in the following code, the table cells place the images equidistant regardless of the browser width:
<HTML>
<HEAD>
<TITLE>Formatting Images with a Table</TITLE>
</HEAD>
<BODY BACKGROUND="background.gif">
<TABLE WIDTH="100%">
<TR>
<TD ALIGN="left"><IMG SRC="tips.gif"></TD>
<TD ALIGN="center"><IMG SRC="tech.gif"></TD>
<TD ALIGN="right"><IMG SRC="home.gif"></TD>
</TABLE>
<H1 align="center">Bill's Billiard Site</H1>
</BODY>
</HTML>
For information on adding images, go to the Web authority's W3C Objects, Images, and Applets.
Related Information
What is HTML
Cascading Style Sheets
Hyperlinks and Anchors
Meta Tags
CGI Scripts
Installing Formmail
Installing Counter
