Image Tag – HTML

The below is actually a picture of the code needed to insert an image, you’ll need to type it out.

The code explained:

<img src= – This is the opening tag.

/> – This is the closing tag. Look to the very end /> – comes after “87″

“http://www.imagelocation.com/1234.jpg” – This is the location of your image file – if you’ve uploaded to picasa or similar you’ll need to locate your file and enter it inbetween the ” ” – don’t forget the ‘http’.

alt =”description” - In this part you can add a description of your picture, descriptions can be anything you want.

width=”255″ – Hopefully this is self explanatory, the height is in pixels.

height=”87″ – As above should be self explanatory.

The three tags above alt, width and height, are all voluntary.

Another tag to be aware of is the “border” tag,

border=”0″ - Creates a border around your image, insert this befire the width and height tags.

If you to add a link to your image then you need to do the following,

The extra information is highlighted.

The opening tag <a href=“ – this is where you add your link,

In the example our link is http://www.go-nowhere.com/link.php change this to your link address.

Don’t forget to close the link by adding the “

target=”_blank” - This state can be changed, it decides wether the link should open in the same window or open a new window.

target=”_parent” – the above tag “_blank” opens a new window,  “_parent” - opens in the same window.

</a> – this tag is imporant and needs to be placed after your image closing tag />

Advertisement