::: Tutorials > HTML

Images
How to add images to your Web page


Tutorial by Yamrot
Tuesday April 1, 2003


Before we talk about how to insert an image on your Web page, let's talk about some graphic files and how they are stored as a certain type of file format. First let's start by learning about the common file formats and their uses.

Common File Format and Their Uses

.JPEG: stands for Joint Photographic Experts Group. A JPEG is a system for compressing images and it is used for the file of a JPEG compressed image. One advantage of using a JPEG image is that since it is compressed, it doesn't use that much memory and therefore it can be downloaded faster from the Internet.

.GIF: stands for Graphics Interchange Format. When using a GIF file you are limited to a palette of 256 colors and most of the time it is larger than the same JPEG. Most of the time GIF images are used for artwork.

BMP: it is a bit-mapped file format which is used by Microsoft Windows.

.TIFF: is short for  Tagged Image File Format. It is a file format that stores images as bit maps on Macintosh and PC's. It can also support any size, color depth and resolution, and therefore it is mostly used for scanned images.
 

Here's the set-up for inserting an image on your Web Page:

<IMG SRC="image.gif">This tag goes in the BODY section.

Here's What's Happening

1. IMG stands for "image." It tells the browser that there will be an image that will be placed on the page.
2. SRC stands for "source." This tells the browser where to go to find the image.
In order to align your image to the center or right side of your Web page you use the alignment tags we've learned about.



Copyright 2002 BLUEPRINT Los Altos High School Web Club. All rights reserved.
201 Almond Ave. Los Altos, CA 94022