image

= = =Introduction:toc=

In HTML, we use images to help increase the communication between the webpage to the author through imagery. Almost every single webpage in the world today has at least one image on their website.

Preparing to insert an image into a a HTML document:
1. Before we start inserting an image into our HTML file it would be best if we started out organized, we should first start by creating a new folder called "Images “in your computer's C Drive (or any other internal main drive). We will store all of the images into this folder.



2. After creating the "Images" Folder surf the web for images that you want to put into your HTML file. Make sure that the image that you download is in JPEG or GIF format. Then save the images in the "Images" Folder that you just created.



3. Now you are ready to begin inserting images into your HTML document.

Inserting the Image Into the HTML Document:
1. We start out with these tags: Example 1:  2. The img stands for image while the src stands for the source of the image. In between the quotes there is a c:/ and images/ because 3. We then put the file name between the quotes. (In this case my image will be called thisismyimage). Example 2:  4. Make sure that you put this HTML code between the body tags. ( and ). 5. For more information on inserting an image into a HTML file, go to [|W3 Schools Official Website].

Extra Information:
In HTML you can customize the width and the length of the image. In order to do this we have to edit the HTML code of the image tag. 1. We first have to have a code for the image. Example 1:  2. We decide on what we want the height and width of the image to be. For this image i want the height to be 20 and the width to be 18. So we have to put this information in the tags. Example 2: : 3. This code will get us the height and width we want for the image.

Aligning An Image:
People align an image so that they can design a webpage that they like. By aligning an image we can decide whether it is on the right, left, middle, top, or bottom of the website. This is very useful and is frequently used by web page designers. 1. We choose what align we want for the image and then put the specific code in between the image tags. We put align= after the code but between the tags like this. Example 1:  2. Then we choose where we want the image to be. In this case I want my image to be on the top of my page. So my HTML code would look like this. Example 2:  3. This will enable you to customize the image to whatever you want it to be.

Alternate Text:
Alternate Text is used in HTML so that if an image can't be seen by the reader then text appears to tell the reader what the image is through text. This is very usefull because sometimes in HTML the images don't always work as they are expected. 1. In order to insert Alternate Text into the HTML, we start out with this code. Example 1:  2. Then we put the text that we want to describe the image between the quotation marks.In this case my alternate text will be 'This is an image of HTML code'. Example 2:  3. You should be able to get the alternate text on your image.

Works Cited:
 * []