Useful Resources
syllabus | schedule | exercises | assignments | class notes | resources | students | ARTC courses
HTML Images


An image is represented by an <img /> tag.
It's most used attributes are:
  • src - the "source" or file path to the image
  • height - the height of the image*
  • width - the width of the image*
  • alt - this is the "alternate" text and is used for people who have sight problems or who have turned off images in their browser.
  • border - specifies the width in pixels of the image border.

*if an image doesn't have a height and width, the browser doesn't know how to render it until it loads, sometimes making the page "jump" as it loads. It's for this reason, that you should always include a height and width for all images.
An image tag is self closing.
Images should be in a folder (relative to HTML files) prior to inserting them into the HTML doc. The standard for images is to actually put them in an "images" folder.
EX: <img src="images/dir.jpg" width="35" height="34" border="2" alt="director logo" />
BORDER attribute puts an outline around the image.