HTML Intermediate Quizzes

Image Maps 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.This quiz.
7 questions
Lesson 4 - MediaIn this lesson we learn about the media tags introduced in HTML5.Quiz4
6 questions
Lesson 5 - Graphics & VisualsIn this lesson we look at the graphical and visual tags introduced in HTML5.Quiz5
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 3

The quiz below tests your knowledge of the material learnt in HTML5 Advanced - Lesson 3 - Image Maps.

Question 1 : Which HTML tag do we use to create interactive images?
- We use the <code>map</code> HTML tag to create interactive images.
Question 2 : What other shape can we use with the <area> HTML tag other than circle and rectangle?
- We can use polygonal shapes with the <code>area</code> HTML tag.
Question 3 : Which HTML tag do we use to create clickable areas within our interactive images?
- We use the <code>area</code> HTML tag to create clickable areas within our interactive images.
Question 4 : When we create a client-side image map with clickable areas we bind our image using the <img> tag and 'usemap' attribute. The 'usemap' attributes value must match the value held in which attribute within the <map> HTML tag?
- The 'usemap' attribute value of the <code>img</code> HTML tag must match the <code>name</code> attribute value of the <code>map</code> HTML tag.
Question 5 : Which attribute of the <area> HTML tag is not mandatory when the <shape> attribute is set to <default>?
- The <code>coords</code> attribute is not mandatory when the <code>shape</code> attribute is set to <code>default</code>.
Question 6 : Which is the only mandatory attribute of the <map> HTML tag?
- The <code>name</code> attribute is the only mandatory attribute of the <code>map</code> HTML tag.
Question 7 : What is the default shape when the <shape> attribute of the <area> HTML tag is set to <default>?
- The default shape when the <code>shape</code> attribute of the <code>area</code> HTML tag is set to <code>default</code> is <code>rectangle</code>.
Quiz Progress Bar Please select an answer

Related Tutorial

HTML5 Advanced Tutorials - Lesson 3 - Image Maps


What's Next?

In the next quiz we test your knowledge of the media HTML tags.