Images in HTML

HTML Coding Tutorials | Submited Nov 17, 2007

Written by: Mr. Evil [BOFH]

Notes

This is one of the first things to learn if you're new to html. If you pay attention it's pretty simple.
First you need to host the image. You can do that at:
PhotoBucket
ImageShack
Fotki
TinyPic
xs.to
Google
[this doesn't apply to skem9 profiles]

How-to

Posting the image:

<img src="http://www.image.com/picture.gif" />

Posting the image and scaling it.

Scale to 100px in width:

<img src="http://www.image.com/picture.gif" width="100" />

Scale to 100px in height:

<img src="http://www.image.com/picture.gif" height="100" />

Posting the image and adjust the height AND width:

<img src="http://www.image.com/picture.gif" height="100" width="100" />

Explanation

img is short for image.
src is short for source.
Combine that inside the <> along with the url and it tells the browser to display an image, the source being the url.