Learn how to add an image to your web site. The code may look confusing at first, but it is not too hard to figure out. Here is a sample: <img src=”http://www.2bdrawing.com/image-files/audi-r8-thumb.jpg” alt=”pencil drawings” width=”108″ height=”108″ /> Okay so the first part tells the browser that it is an image (img) and where to find [...]
Learn how to add an image to your web site. The code may look confusing at first, but it is not too hard to figure out. Here is a sample:
<img src=”http://www.2bdrawing.com/image-files/audi-r8-thumb.jpg” alt=”pencil drawings” width=”108″ height=”108″ />
Okay so the first part tells the browser that it is an image (img) and where to find it (src). Then the source is surrounded by quotation marks. In this case the source of the image I choose for this tutorial was taken from 2bdrawing.com. If you copy this: http://www.2bdrawing.com/image-files/audi-r8-thumb.jpg and paste into your web site browser you will open the file as well.
The alt tag (alt=”pencil drawings”) is again surrounded by quotation marks. Adding the tag helps search engines find your pictures and place them on their image searches. The more you add the better. Images are a great way direct traffic to your web site.
It is also a good practice to add the width and height of the image you add to your web site. In order to know how big your image is, right click on it and select Properties. There is should tell you the number of pixels. If the number is bigger than 1000, use a image editor to downsize the picture. Large pictures take forever to load.
That is it! Here is the image:
No related posts.
Leave Your Response