Inserting an Image

Before we insert an image, there are a few things we need to know about the image. We need to know where it is. The exact url of the image. If it is in a folder, which folder. We also need to know the size of the image. The reason for inserting the size of an image is to help speed up how fast your computer downloads these images. If no width or height is inserted, it will still load the image. But if we tell it the exact size, it speeds the process up. How to find the size? We are looking specifically for width and height. One way is to run your mouse over the image and a text tool tab will come up and the dimensions on it. Another way if you are using XP is to click once on the image, and go to the left hand side, looking for details at the very bottom. Another is to right click on the image and see the dimensions. The beginning of the code is: <img src=" "> Note: Images do not need to be closed with a closing tag. Unless you are linking back to an address. Link backs will be discussed in it's own page. We also need to know where on the page we want to put the image. It could be left, center, or right. If no placement is inserted it will go along the left hand edge by default. If you would like to tell it to go left, the code would be: <p align="left"><img src="url"></p> This tag is telling the image you want it on the left side of the page. And you do have to close out the tag for this. If you would like it on the right side: <p align="right"><img src="url"></p> The most frequent positioning you will want to use is simply <center><img src="url"></center> Ok, lets insert an image. Ex: <center><img src="http://karmaskorner.com/Kuotes/025.jpg" width="300" height="300"></center> We have centered the image on the page, we have put in the image tag, <img src=" "> We have put in the exact url and the file folder it is in, and the name of the image which in this case is a number, as well as the width and height. Then we closed out the </center> tag. Let's try another. <center><img src="http://karmaskorner.com/kk/karmasheader.jpg" width="600" height="300"></center> Tip: all animations are gifs. Remember to check if your image is a jpg or a gif. Also, a jpg that has been saved elsewhere may very well turn into a jpeg. I do not know why this happens but it does. If your image is not working check to see if it is jpeg instead of jpg. As you see, inserting an image is quite easy. You may want to copy and paste the code below into notepad for future reference. <center><img src="url_of_pic.jpg" width="?" height="?"></center>

If you have any questions at all, feel free to email me at :
kkdesigns11@hotmail.com