JavaScript isn't enabled in your browser, so this file can't be opened. Enable and reload.
CTW 7 Images
Review for Lesson 7 in Coding the Web; the practice quiz will grade itself, so feel free to take more than once. If information is not on your Notes sheet, it probably needs to be!
Sign in to Google
to save your progress.
Learn more
* Indicates required question
Name
*
Your answer
Email
*
Your answer
Quiz Questions
Image file format best for photos; 16 million colors. **Type extension as three letters, lowercase
*
1 point
Your answer
Image file format best for animations; only 256 colors **Type extension as three letters, lowercase
*
1 point
Your answer
Image file format with high quality that includes transparency, ideal for screenshots, heading banners, etc. **Type extension as three letters, lowercase
*
1 point
Your answer
Image file format that is least supported by browsers, but is a vector format for scalable backgrounds, text and vector images. **Type extension as three letters, lowercase
*
1 point
Your answer
Examine the image and complete the attribute that goes on the rocket.gif shown below: style="__________" (lowercase, no spaces)
*
1 point
Your answer
Examine the image and complete the attribute that is needed on the second horizontal rule to "push it below" the rocket <hr style="________"> (lowercase, no spaces)
*
1 point
Your answer
Assuming the webpage is saved in the dogpicsite folder, complete the SRC attribute to set the image to the teacup puppy: (lowercase, no spaces) src="____________"
*
1 point
Your answer
Assuming the webpage is saved in the dogpicsite folder, complete the BODY CSS rule to use the paws pattern below as the background for the page. body { __________________} (space only after the property, lowercase)
*
1 point
Your answer
Default padding-left on UL is ____, so image bullet icons should be lower than this or will hang off the page (unless CSS is modified).
*
1 point
10px
20px
30px
40px
Complete the tag to style an image background for a page: body { background-image: ___(pic.gif); }
*
1 point
Your answer
Complete the code to create bullets that are squares (lowercase, no spaces except between property and value)-- ul { _______________ }
*
1 point
Your answer
COMPLETE THE CODE to make a responsive image that will scale down as the viewport decreases. img { __________: 100%; height: auto;}
*
1 point
Your answer
COMPLETE THE CODE to create a class for the list shown below. .heartlist { _________: url(hearts.png); }
*
1 point
Your answer
Use this image for the next THREE QUESTIONS: (the left picture is the original with no class or special CSS)
Type the property needed for A:
*
1 point
Your answer
Type the value needed for B:
*
1 point
Your answer
What property belongs in C?
*
1 point
Your answer
COMPLETE THE CODE by adding an attribute so that text would wrap around the right side of the image on the page. <img src="pic.png" alt="Picture" ____________> (space only between property and value)
*
1 point
Your answer
Which tag would be used with the IMG tag to create an alternate version of the image to load under different viewport sizes? (include the angled brackets)
*
1 point
Your answer
Which tag would be used with the IMG tag if you intended to include a caption with the image? (include the angled brackets)
*
1 point
Your answer
Why is using a text alternative important when coding an IMG tag?
1 point
To create pop up text when you point to the image
To create an accessible image and describe the image
To name the image
Clear selection
Submit
Clear form
Never submit passwords through Google Forms.
This form was created inside of Jackson R2 Schools.
Report Abuse
Forms
