Chapter 7 Answer Key
The Picture Parade
Bringing Webville to Life with Images
Fill in the Blanks
1. Images use the <img> tag.
2. The image file location goes inside src.
3. Alternative text is written using alt.
4. Images make webpages more interesting.
Choose the Correct Option
1. Which attribute tells where image is saved?
✅ b) src
2. Which attribute describes the image?
✅ b) alt
3. The correct image tag starts with:
✅ b) <img>
Taggy Challenge
Alt text helps users understand what the image shows if the image does not load or cannot be seen.
Match the Image Parts
| Part | Match |
|---|---|
| A. <img> | 2. Image tag |
| B. src | 3. Image file location |
| C. alt | 1. Image description text |
A → 2
B → 3
C → 1
Code Explorer
<h2>My Favorite Animal</h2> <img src="dog.jpg" alt="Brown Dog">
1. What is the image file name?
✅ dog.jpg
2. What text will appear if image doesn't load?
✅ Brown Dog
3. Which tag shows the image?
✅ <img>
Debug Mission
Mistake Found:
Correct Code:
<img src="cat.jpg" alt="Cute Cat"> <img src="bird.jpg" alt="Bird">
Create Your Image Code
Sample Answer:
<h2>My Pet Dog</h2> <img src="dog.jpg" alt="Brown Dog">
Quick Builder Check
1. Which attribute shows image location?
✅ src
2. Why do we use alt text?
✅ Alt text describes the image and appears if the image cannot load.
3. What tag is used for images?
✅ <img>
🏆 Builder Badge Earned
Image Explorer
Congratulations! You can now add images to webpages using the HTML image tag.