This document provides instructions on basic HTML and using images. It tells the reader to create folders to store images and an HTML file. It also explains the alt attribute provides alternative text for images, and width and height attributes can make images load faster by specifying size. An example is provided showing how to insert an image into an HTML file using the img tag.
1.
BASIC HTML
Lesson 11
1. Create a New Folder in your documents: Name it HTML_Lesson11
1. Inside that folder create another folder name it… images
1. Go to your Chef image and Red Square image in Bb. Save as
instructed in the HTML_Lesson11/images folder.
1. Open TextWrangler create a new file name it HTMLLesson11.html.
Save the file in the HTML_Lesson11 folder
2. alt attribute
Another image attribute is alt. It serves as a
substitute for the image when the browser is too
slow or when a screen reader is in use.
3. No Attributes
You don’t have to use the width and height
attributes for images…but they load more slowly
because the browser has to interpret the size
information instead of just being told what to do!
