Video & Image Element in HTML Quiz,20 MCQs

By Areeb Anwar / September 3, 2024

Welcome to the Video & Image Element in HTML Quiz! This quiz is designed to test your knowledge of some of the most overlooked yet important aspects of working with the <video> and <img> elements in HTML.

Video & Image Element in HTML Quiz

Test your knowledge with a Quiz to better understand ,where you stand.

1 / 20

What is the effect of using the decoding="async" attribute in an <img> tag?

It decodes the image in a blocking manner.

It delays the image decoding until it's needed.

It decodes the image asynchronously to avoid blocking page rendering.

2 / 20

Which attribute of the <img> tag can be used to specify a space between the image and its border?

hspace

vspace

margin

3 / 20

How can you ensure an image scales properly on high-resolution devices?

Use the width attribute to set the image size.

Provide multiple image resolutions using the 'srcset' attribute.

Use the sizes attribute to define the exact pixel density.

4 / 20

What is the purpose of the ismap attribute in an <img> element?

It converts the image into a clickable map.

It turns the image into a client-side image map.

It makes the image a server-side image map.

5 / 20

What does the sizes attribute in the <img> tag define?

The size of the image file in kilobytes.

The width of the image on the screen depending on the viewport size.

The dimensions of the image in pixels.

6 / 20

Which value of the loading attribute loads the image only when the user scrolls near it?

auto

eager

lazy

7 / 20

How does the loading attribute in the <img> tag improve performance?

It defers the loading of offscreen images until they are needed.

It forces the images to load immediately.

It caches images for future use.

8 / 20

What happens if the alt attribute is omitted in an <img> tag?

The image is ignored by screen readers.

The browser automatically generates a description.

The image will not load.

9 / 20

Which attribute is used to provide a brief text alternative for an image, beneficial for accessibility?

title

alt

description

10 / 20

What is the purpose of the srcset attribute in an <img> tag?

Specifies the URL of the image

Allows browsers to select the best image for the user’s device and screen.

Defines a fallback image.

11 / 20

What is the correct way to support different video formats in HTML?

Use multiple <video> elements with different src attributes.

Use multiple elements inside a single <video> element.

Use the format attribute in the <video> element.

12 / 20

What does the poster attribute in a <video> element do?

Specifies a default image to display until the video is played.

Sets the background of the video player.

Adds a watermark to the video.

13 / 20

Which event is triggered when the video has been paused?

pause

embed

stop

14 / 20

How can you make a video responsive in terms of width?

Set the width attribute to a percentage value.

Set 'max-width' to 100% in CSS.

Set the width attribute to 100%.

15 / 20

Which attribute allows a video to play on a loop?

repeat

loop

cycle

16 / 20

What happens when the autoplay attribute is used without the muted attribute in modern browsers?

The video plays automatically.

The video doesn’t autoplay due to user experience restrictions.

The video mutes automatically.

17 / 20

What is the purpose of the preload attribute in a <video> tag?

Automatically plays the video when the page loads.

Informs the browser whether to download the video in advance.

Forces the video to loop.

18 / 20

Which attribute controls whether video controls like play, pause, and volume are visible to the user?

autoplay

controls

loop

19 / 20

What happens if none of the provided video formats are supported by the browser?

The video does not load, and an error is displayed.

The first unsupported format is played.

A fallback content (like text) is shown.

20 / 20

Which attribute specifies multiple media resources for a <video> element, offering different formats?

source

src

type

Your score is

The average score is 58%

Check other quizzes.

Learn more about Video & Image Elements.

Visit our Homepage to get the latest updates.

Share on Facebook

Post on X

Save

Video & Image Element in HTML Quiz,20 MCQs

Leave a Comment Cancel Reply

Table of Contents

Related Posts

Leave a Comment Cancel Reply

Table of Contents