Related Tutorials
How To Add Thumbnail ImagesLearn how to add thumbnail images to your web page, which when clicked takes your user or visitor to a larger external image.
Images
Learn how to place images in your page and how to align images and add spaces around an image.
How to use external style sheets
Link to external an external style sheet quickly and easily.
How To Add Inline Images
Learn what inline images are and how to add them to your web pages in this tutorial.
Images
This section will show how to add images to your pages.
Adding images in HTML
Learn how to add a image to your webpage in html.
Hyperlinking Text and Images
A Hyperlink, link for short, is the basis of web development. It is where you mouse over an image or text, your cursor changes to a hand, you can click it and a new page opens. This is useful for linking a website to all sub pages, to link to new websites, to link to images such as thumbnails that will open full images.
Images & Other Pretty Things
The IMG tag is used to present graphical images on your pages.
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.
Inserting Images and Backgrounds
We will learn how to put images into our page.
How To Speed Up Your Images Load Time
Learn how to make your images load faster for your users and visitors to view with this tutorial.
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.
Text Over Images
Place text over your images with HTML commands alone!
Adding Images, Media, and Scripts
Images, media, and scripting help a site become "dynamic and rich." This is called dynamic because many of these features offer the opportunity for the site visitor to interact in an active way with the site.
Add to Favorites Link
Getting repeat users is a common goal amongst almost all webmasters, professional or otherwise. A lot of people like to use links that allow the user to add pages to their bookmarks. If a user bookmarks your page they are far more likely to revisit in the future.
Using "Titles" with Your Web Links & Images
Using "Title Tags" for your web links & images is an arsenal many companies fail to utilize. These tags will help search engines to navigate through your information.
The Button Tag
HTML 4.0 a new way of adding buttons was born, the <button> tag was launched, to add it just add the HTML as described elsewhere on this tutorial area.
How To Add A Background Image To A Web Page
Learn how to add a background image to your web page using the body tags background attribute.
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.
Images In Forms
So you want an active image on your site that does not produce an hand cursor when you move over it with the mouse? It can be done, in MSIE at least!
Backgrounds
When deciding whether you want to use a plain color or an image you should consider the fact that very few of the web's 100 most visited sites use background images.
So, You Want To Align Text
you will learn the basics about wrapping text around images and justifying to one side or the other.
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.
Setting Your Tables
The TABLE tag is used to create presentation tables (like spreadsheets), but is more commonly used as a way of controlling the placement of text and images on web pages.
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.
Expanding Table
This is a very helpful tutorial, it will make your tables expand as you add content to them.
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.
Links
Make a link from your page to any other page on the World Wide Web. Learn what is anchor and how to create email, text and images links.
Text Styles
In this tutorial you will learn how to use HTML tags to add bold, etc to your text.
HTML Comments
How to add invisible comments to your code.
Different Link Types
In this tutorial we are going to learn how to add Links to your pages. Links can come in many different forms. The 2 most common being text and graphic links.
Code for Tables 1
Tables are used for holding data and organizing a page. They allow you to separate a menu from contents of a page. They allow you to color and tile images in select areas of a page. A table consists of rows and columns. Each row contains a set of cells. Cells stacked up on one another represent a column.
Disabling The IE 6 MyImage Tool Bar
IE6+ incorporates a new feature called the MyImage Toolbar, which, if enabled on Tools > Internet Options > Advanced > Enable Image Toolbar, provides the user with a popup menu over images that allows the user to instantly save, print, or email any image in a page.
HTML - Images
If you are going through the whole HTML series of tutorials you will want to open up your HTML page in your text editor now. If you are just coming in you can still follow along easily. Just open up a text editor and begin the tutorial.
HTML Tutorial Part Two
This html tutorial teaches how to add multiple headings, paragraphs, and alter text using italicization, bolding and underlining.
How To Add Horizontal Rules
Learn how horizontal rules can separate portions of your web page visually.
Make a Username and Password feild
Add a username and password field to your online forms.
So, You Want A Meta Command, Huh?
Meta commands don't add anything visually to your page, but they help a great deal when you submit your pages to search engines. Basically, the commands make you very easy to find.
Image Attributes
There are main attributes we can add to the image tag which describe or alter the appearance of the image.
Meta Commands
Learn the purpose of meta commands. Meta commands don't add anything visually to your page, but they help a great deal when you submit your pages to search engines.

Report
Adobe Fireworks
Adobe Flash
Adobe Illustrator
Adobe Image Ready
Adobe Photoshop
3D Studio Max
Cinema 4D
Maya 3D
Microsoft Excel
Microsoft PowerPoint
Microsoft Word
Microsoft Access
MySQL
C and C++
Python
Visual Basic
.htaccess
Adobe DreamWeaver
ASP
CGI & Perl
CSS
Java
JavaScript
Microsoft FrontPage
Windows Vista
Windows 7