Ron's Guide

There are many types of images, including GIFs, JPGs, PNGs, BMPs, ect. I usually use JPGs and GIFs - Each of these types of images have there own advantages and disadvantages (except for BMPs when it comes to the internet you should never use these because of their huge file sizes compared to JPGs and GIFs). There are many places you can download images or you can create you own either way you can put the images on your website using HTML.

To add an image to your website use the <img> tag.

Basic Outline: <img src="URLofimage">...

Example: <img src="http://ronsguide.com/images/88x31.gif">

Result:

To make the image a link, just use this:

<a href="URL"><img src="URL of Image"></a>

Example: <a href="ronsguide.proboards18.com"><img src="http://ronsguide.elixant.com/images/88x31.gif"></a>

Note: If you don't want the border around the image put border="0" in the <img> tag. (I.E. <img src="URL of Image" border="0">), You can also make the border bigger, It's up to you.

You can add a discription that shows when the user puts his/her mouse of the image by using the title attribute...

Example: <img src="tongue.gif" title="A picture of me!">

Here's how it'll look in your browser, put your mouse over the image...

To change the size of images use the height and width attributes

Example: <img src="blahblah.gif" width="75%" height="50%">
(you can also specify the size using pixels width="100" height="150")

• Discuss this tutorial
• Rate this tutorial
• Tell a friend