HTML Intermediate Quizzes

Graphics & Visuals Quiz

The questions in these HTML quizzes are on the topics covered in the HTML5 Advanced 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 Advanced 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 Advanced Lessons Description Quiz Info.
Lesson 1 - Scripting In this lesson we look at the scripting tags available in HTML.Quiz1
7 questions
Lesson 2 - HTML Structure - PageIn this lesson we take a final look at structural tags and how they affect the page structure of our HTML.Quiz2
7 questions
Lesson 3 - Image MapsIn this lesson we learn how to add interaction to our images.Quiz3
7 questions
Lesson 4 - MediaIn this lesson we learn about the media tags introduced in HTML5.Quiz4
7 questions
Lesson 5 - Graphics & VisualsIn this lesson we look at the graphical and visual tags introduced in HTML5.This quiz.
7 questions
Lesson 6 - Embedded ObjectsIn this lesson we learn how to embed objects in our web pages.Quiz6
6 questions
Lesson 7 - Inline FramesIn this lesson we learn how to define iframes which are inline frames that hold another document.Quiz7
6 questions
Lesson 8 - Widgets / MiscellaneousIn this lesson we learn about the widget and miscellaneous tags introduced in HTML5.Quiz8
6 questions
Lesson 9 - Advanced TablesIn this lesson we learn about advanced HTML table features.Quiz9
7 questions
Lesson 10 - Advanced FormsIn this lesson we learn about advanced HTML form features.Quiz10
8 questions

HTML Advanced Quiz 5

The quiz below tests your knowledge of the material learnt in HTML5 Advanced - Lesson 5 - Graphics & Visuals.

Question 1 : What extra content should be provided when using the <canvas> HTML tag?
- We should provide fallback content when using the <code>canvas</code> HTML tag to to aid accessibility; this will be rendered within browsers where JavaScript is disabled or the <code>canvas</code> HTML tag is not supported.
Question 2 : What other HTML tag should be used with the <meter> or <progess> HTML tags?
- The <code>label</code> HTML tag should be used with the <code>meter</code> or <code>progess</code> to give a description and aid accessibility.
Question 3 : Which HTML tag is used to define a scalar measurement with a finite range?
- We use the <code>meter</code> HTML tag to define a scalar measurement with a finite range.
Question 4 : When using the <canvas> HTML tag any JavaScript should be entered within the opening and closing <canvas> tags?
- When using the <code>canvas</code> HTML tag only fallback text should be entered within the opening and closing & <code>canvas</code> tags.
Question 5 : Which is the only mandatory attribute of the <meter> HTML tag?
- When using the <code>meter</code> attribute the <code>value</code> attribute is mandatory.
Question 6 : How to we create an unpredictive progress bar?
- We create an unpredictive progress bar by leaving out the <code>value</code> attribute from the <code>progress</code> HTML tag.
Question 7 : Which other HTML tag do we use in conjunction with the <canvas> HTML tag?
- We use the <code>script</code> HTML tag in conjunction with the <code>canvas</code> HTML tag to render the canvas.
Quiz Progress Bar Please select an answer

Related Tutorial

HTML5 Advanced - Lesson 5 - Graphics & Visuals


What's Next?

In the next quiz we test your knowledge of the emedded object tags.