Home Site Map Gallery Your Two Cents Service Order


Home HTML Basics Headlines Paragraphs Links Free Links Mail-to Bold Italic Font Color Font Size Background Image Graphics Background Color Aligning Text Aligning Images HTML -Adding Audio HTML - Frames HTML Tables Meta Tags Forms Mouse Over Mega Search Browser Support

Get Your Free E-Mail Account

Isn't it time you
updated your site?



Aligning Images

<img src="?"> places an image
<img align=?> aligns an image

Before you can put an image on a Web page, you need to know the name of the image file and where it's stored on your server (its source, of course.) That way you can instruct the browser on how to find the image it needs.

The easiest place to save the image is in the same folder or directory as your HTML source file, which is where the browser will automatically look for it. If you have many images to organize, you may want to place them in a single folder, called "images" or "pictures," then place that folder (or directory) in the same directory as your HTML file.

My image is called "planetlogo.gif," and it's in a folder called "images," which is in the same folder on our server as this HTML file.

The HTML for my logo image will read like this:

<img src="images/planetlogo.gif">

The picture looks like this:

Using the image align tag, You can control where the image is placed on the page. For example, I can line it up on the left:

<img align=left src="images/planetlogo.gif">

Which aligns it to the left:

Or I can aline it up on the right:

<img align=right src="images/planetlogo.gif">

Centering an image is a bit more complicated, because <img align=center> doesn't work on most browsers. Instead, you'll have to first center the paragraph, with <p align=center> (even if you don't have any text), and then place the image.

So, to center the logo, we'd code:

<p align=center><img src="images/planetlogo.gif">

And it would appear like this:






Up ] HTML Basics ] Headlines ] Paragraphs ] Links ] Free Links ] Mail-to ] Bold Italic ] Font Color ] Font Size ] Background Image ] Graphics ] Background Color ] Aligning Text ] [ Aligning Images ] HTML -Adding Audio ] HTML - Frames ] HTML Tables ] Meta Tags ] Forms ] Mouse Over ] Mega Search ] Browser Support ]


Webdesign ] Banners and Graphics ] Promotional Services ] HTML Tutorials ] Consulting ] Hosting ] Domain Registration ] WIN PRIZES!! ]

BizRate Customer Certified (GOLD) Site We are members of the Chamber or Commerce!

Verify our security!
Verify Our Security

Better Business!

AOL Members Choice Award


Webmaster-at-Large:     webmasteratlarge@planetwebdesign.com  

Planet T-Shirt Logo

  PO Box 22157  Knoxville, Tennessee 37933-0157

Telephone:    865-300-3804      FAX:    865-692-9247

PlanetWebDesign LogoCopyright © 1998, 1999, 2000 PLANETWEBDESIGN TECHNOLOGIES, Inc. All rights reservedBye Bye!!