Images
Putting Images in Your Webpage
Putting images in your website is very important though very simple to do. The image tag is abbreviated to img. The image tag goes in the body of your website. The image tag does not need to have a </img>. The code would look like this:
<img src="C:\mypictures\pic1.bmp">
This would make a picture come on to the computer screen. the img is an abbreviation for image and src is an abbreviation for source. The src="" means that whatever is in the quotes is the location of the image on your hard drive. C:\ is the disk drive name, mypictures is the folder name, and pic1.bmp is the name of the image including the file extension .bmp.
Hyperlinking Images
Many times you will want to hyperlink images to other websites. This is very simple to do. All that you have to do is put the image tag inside the hyperlink tag. An example would be:
<a href="http://www.yahoo.com"><img src="C:\WINDOWS\Desktop\yahoo.gif"></a>
This would put an image such as this on the web browser:
If you click on the image, it will take you directly to the Yahoo website.
Image Borders
Image borders are simply borders that go around an image to add a better look. You can make borders as thick or as thin as you want. An example of an image border is:
<img src="C:\WINDOWS\Desktop\yahoo.gif" BORDER="5">
Do you see the BORDER="5"?
Alignment of Images
You have already learned how to align text but now, lets learn something different. How to align images. There are two ways that you can align images. The first is what I am going to show you right now:
<center><img src=""></center>
Did you see the <center> in the front and the </center> in the back? That is what aligns the text. The center means that the image will be aligned in the center of the webpage. You can switch center with <right> or <left>.
Now let me show you a different way to do it which is somewhat more simple:
<img src="" align="center">
This is very similar to the method of aligning a paragraph. All that you have to do is in the img tag, put an align="" and in the quotes put either left, right, or center
Well, in this chapter you have learned the basics of putting images on your website. You have learned how to put a border around your image and how to put a caption on your image. In the next chapter you will learn some basics on