web.selah-hcs.orgweb design for kids // html5 + css3one day academy
THIS WEEK'S JOB // Hang the first images in your shop and write the words blind visitors will hear instead. (Book pages 104-111 in Mrs. Gaiser's book.)
THE THREE IDEAS
img is self-closing
The image element has no closing tag; the picture IS the content. src says which file, and the file lives in your images folder.
alt is not optional
The alt text is what screen readers speak and what shows when an image breaks. Describe the picture like you are on the phone with a friend.
Paths are directions
src="images/cat.jpg" means: from this page, step into the images folder, grab cat.jpg. Wrong path, broken picture, every time.
TRY IT IN THE PAINT BOOTH
<h1>My Gallery</h1>
<img src="images/photo1.jpg" alt="A brown dog catching a red frisbee in a park">
<p>My dog is faster than your dog.</p>