HTML: A Guide to Hard-Coding
Working with Images <img>
One of the best ways to keep your site organized is to create a separate folder on your floppy in which to store your images. This keeps your filing system nice and organized, but can create some confusion.
The first thing you must do is create a new folder on your floppy disk and name it "images." You will place all your images, whether they are gifs or jpegs, in this folder.
The standard code for inserting an image into your document is:
<img src="name.gif">
- Img stands for "image"
- Src stands for "source." Source means what is the name and place of the image.
- You must put the name of the image, plus its three-letter extension, either .gif or .jpg.
- You must also put the name of the image in quotation marks.
However, since you have put your images into a separate folder, you need to tell the browser where to look for the image.
You do this with the code.
<img src="images/susan.jpg">
"images" stands for the name of the folder, and the "/" indicates that the name of the file will follow.
Save your work again. Go to the Browser and reload your page.
You will notice that the image is aligned left, which is the browser default. If you want to align the image differently, you must specify that in the code.
Important note: Many browsers do not understand "align=center" in an <img> tag. Therefore, you can't put your image in the middle of the page. This is a problem, but there are some ways to solve it. Some of the ways are:
