How to Center an Image

admin — Sat, 06 Feb 2010 23:14:35 +0000

Now that you know how to add a image to your web site, let me show you how to center the image. There are two ways in which you may do this.

The first way is to open a new

tag

Then add the following code:

and close the

tag with this <’/div>.

Now your code will look like this:

That’s all! Your image should look like this:

How to Add an Image to Your Web Site

How to Add an Image to Your Web Site

admin — Sat, 06 Feb 2010 21:13:49 +0000

Learn how to add an image to your web site. The code may look confusing at first, but it is not too hard to figure out. Here is a sample:

Okay so the first part tells the browser that it is an image (img) and where to find it (src). Then the source is surrounded by quotation marks. In this case the source of the image I choose for this tutorial was taken from 2bdrawing.com. If you copy this: http://www.2bdrawing.com/image-files/audi-r8-thumb.jpg and paste into your web site browser you will open the file as well.

The alt tag (alt=”pencil drawings”) is again surrounded by quotation marks. Adding the tag helps search engines find your pictures and place them on their image searches. The more you add the better. Images are a great way direct traffic to your web site.

It is also a good practice to add the width and height of the image you add to your web site. In order to know how big your image is, right click on it and select Properties. There is should tell you the number of pixels. If the number is bigger than 1000, use a image editor to downsize the picture. Large pictures take forever to load.

That is it! Here is the image:

No related posts.

Build A Successful Web Site » Adding a Image

How to Center an Image

How to Add an Image to Your Web Site