Adding Images to Your Page

So, have you been wondering how to add an image to your page? Well, let's take a look at the image tag:

<img src="image.gif" />

The img stands for image. The src stands for source. The source of the image is going to be the Web address of the image. Most often, you will be able to just type the filename of the image here, like this:

<img src="image.gif" /> 

<img src="http://www.disney.com/pictures/image.jpg" />

If you aren't sure, go ahead and use the full address just to be sure it will work correctly. Now let's work with a real example. One image I have on this site is called "next.jpg". The address for the image is: http://www.pageresource.com/images/next.jpg. If my image and HTML file were in the same directory, I would type:

<img src="next.jpg" />

Otherwise, I would use the full Internet address, like this:

<img src="http://www.pageresource.com/images/next.jpg" />

Either option would display the image on the page, aligned to the left, like this:

If you want to center the image on the page, you would place the center tag around the image tag, like this:

<center>
<img src="http://www.pageresource.com/images/next.jpg" />
</center>

This will place the image in the center of the screen: