JavaScript is disabled! Please enable JavaScript in your web browser!

Freestyle Academy of Communication Arts & Technology

1299 Bryant Ave, Mt. View, CA 94040 T 650-940-4650 x5090
2 Required Classes: English and Digital Media 3rd/Elective Class:  + Animation or Design or Film

Back to list of all examples

Useful Stuff About:

Image Tag

 

How does a browser render an image like this one below?

Alternative text read by browsers robots for blind people   

 

The HTML code for images looks like this:

<img
    src="path/to/image.jpg"
    width="200" height="200"
    alt="Alternative text read by browsers robots for blind people"
    title="This text will appear when user hovers over the image"
/>

Note:

  1. There is NO </image> at the end - one of only a few HTML tags with no ending tag
  2. ALWAYS resample the embedded photo to its actual display size - in other words, you don't need to use a photo that is 4000x3000 pixels and 4.5 MB for a small thumbnail that is really 200x150px and should be about 100kb for MUCH FASTER image loading.