Image Flexibility QuizS2C Home « Image Flexibility Quiz

The questions in this HTML quiz are on the topics covered in the HTML5 Intermediate section of the site. The table below lists the lesson used for each quiz, a description of the lesson content and the quiz number and questions associated with that lesson.

HTML Intermediate Quiz Summary

Click on a lesson in the table to go to that lesson for a refresher on the topics for that quiz.

Click on a quiz in the table to go straight to the quiz for a particular lesson.

HTML5 Intermediate Lessons Description Quiz Info.
Lesson 1 - MetadataIn this lesson we find out how to import external CSS files, insert meta information into our HTML documents and insert inline style information.Quiz1
7 questions
Lesson 2 - HTML Structure - LayoutIn this lesson we introduce some structural tags and how they affect the layout structure of our HTML.Quiz2
7 questions
Lesson 3 - More Text TagsIn this lesson we finish our investigation of text tags.Quiz3
6 questions
Lesson 4 - More FormattingIn this lesson we take a final look at HTML formatting tags.Quiz4
6 questions
Lesson 5 - Further Into SemanticsIn this lesson we take a last look at semantic tags.Quiz5
6 questions
Lesson 6 - Definition ListsIn this lesson we look at definition lists.Quiz6
6 questions
Lesson 7 - Image FlexibilityIn this lesson we look at how to bring more flexibility to our images.This quiz.
6 questions
Lesson 8 - More About LinksIn this lesson we finish our investigation of links.Quiz8
6 questions
Lesson 9 - An Introduction To TablesIn this lesson we begin our study of tables.Quiz9
7 questions
Lesson 10 - Getting To Grips With FormsIn this lesson we take a first look at forms.Quiz10
8 questions

HTML Intermediate Quiz 7

The quiz below tests your knowledge of the material learnt in HTML5 Intermediate - Lesson 7 -Image Flexibility.

Question 1 : Which attribute is required when the <source> tag is used within the <picture> tag?
- The <code>srcset</code> attribute is required when the <code>source</code> tag is used within the <code>picture</code> tag.
Question 2 : The <figcaption> tag is required when using the <figure> tag?
- It is fine to use the <code>figure</code> tag without the <code>figcaption</code> tag.
Question 3 : The <picture > tag must contain at least one <source> tag ?
- The <code>picture</code> tag can contain zero or more <code>source</code> tags.
Question 4 : Where can the <figcaption> tag be placed within the <figure> tag?
- The <code>figcaption</code> tag can be placed as the first or last child within the <code>figure</code> tag.
Question 5 : The <picture> tag can contain zero or more <img> tags?
- The <code>picture</code> tag must contain one (only one) <code>img</code> tag.
Question 6 : Where can the <img> tag be placed within the <picture> tag?
- The <code>img</code> tag must be placed as the last child within the <code>picture</code> tag to ensure a falback image if none of the conditions of any <code>source</code> elements are met.
Quiz Progress Bar Please select an answer

Related Tutorial

HTML5 Intermediate Tutorials - Lesson 7 - Image Flexibility


What's Next?

In the next quiz we test your knowledge further on links.