Web Programming with html5, css, and JavaScript

265
Review Questions

---

14. 
Which type of image format is usually better for photographs—GIF or JPG?
15. 
An offshoot of the PNG working group created an image file format that supports 
animation. What is the name of that image file format?
6.10 
img
 element
16. 
Why is the 
img
element’s 
alt
attribute particularly important for end users who are visually 
impaired?
17. 
Why is it good to always include an 
img
element’s 
width
and 
height
attributes?
6.11 Vector Graphics
18. 
When a vector graphics image gets resized, why does it avoid the degradation experienced 
by bitmap images?
19. 
Beside the ability to resize without degradation, what is a benefit of using an SVG file over a 
bitmap image file?
20. 
For SVG images, what is an advantage of using an 
svg
element as opposed to an 
img
element?
6.12 responsive Images
21. 
What is responsive web design?
Exercises
1. 
[after Section 6.2] Provide a link element (and nothing else) that, when clicked, causes an end 
user to download an image file of a dog in a tree. Search for a real image and use its URL.
2. 
[after Section 6.3] Provide proper HTML5 container code (start tag, enclosed content, 
end tag) for a link that takes the user to a page named 
hawaii.html
 that’s located in a 
directory named 
vacation
. The 
vacation
directory is a subdirectory in the current 
directory’s parent directory. The link should display a label that says, “Hawaii pictures.”
3. 
[after Section 6.3] How are an absolute URL and a path-absolute URL different?
4. 
[after Section 6.6] Given the following web page. Clicking the Drivers education classes link 
(underlined) causes the browser to jump to the Drivers education classes heading. Provide 
the code for that link element. Also provide the code for the 
h4
heading element that is the 
target of that link. You do not have to provide code for the entire web page, only the link 
element and the 
h4
element. As usual, use proper style.