Images HTML Tutorials

Adding images in HTML
Learn how to add a image to your webpage in html.

Create An FavIcon For Your Web Page
Would you like to display your own icon on the browser address bar when visitors view or bookmark your web page?

DOM Image Rollver
Image rollovers represent the classic and "timeless" JavaScript effect. Well, this DOM script makes the process of adding them as simple as can be, by allowing you to apply a rollover to any image through just the insertion of a class attribute inside the image's tag.

Image Formats on the Web
This tutorial/essay goes into great depth regarding images in general. BMP, GIF, and JPEG formats are then explained with loads of examples.

Pre-Load Images
Set up your pages so that the images are in the cache waiting to be used rather than downloading each image as you need it.

Text Over Images
Place text over your images with HTML commands alone!

Active Image
This will help you along with the process in making any image an active hypertext link.

Embed Video
Embedding a video is pretty simple. Here's a quick look at the process.

Screen Capture
Use PaintShop Pro to capture any image on your computer's screen.

1 x 1 Images
Here's a great way to cut down on bytes and speed up the loading of your page. Use a 1 x 1 pixel image and shape it just about any way you want.

Faster Loading Pages
In this tutorial,learn to use these commands inside of image to get your pages to load very quickly.

LowSrc Command
This command allows you to help the viewer out by loading a lesser version of a picture before the big color version comes in. Log into the page to see an example of what I'm talking about.

Transparent Image
Pages look dull if everything's square. Find out how to eliminate the white space around your images so they appear to just 'float' on your pages.

Animated .gif
This tutorial guides you to download all the software you need, then walks you through creating your first animated gif. Heck, I even provide the first four images.

Thumbnail Images
Please be kind with your large images. Big ones take a long time to download. Let the viewer see a smaller version to check if he/she even wants to spend the time waiting for it.