HTML5 Chapter 9 Quiz

Images can be added to the document with the help of the ______ tag.

The alt attribute provides an alternative text to be displayed if the image cannot be shown.

Which tag is used to mark the text as a hyperlink?

What is the purpose of the href attribute in a link tag?

Which property is used to align an image to the right or left of the text?

Match the following image elements to their descriptions:

A relative URL points to a file outside of a website.

Any image can be used as a hyperlink to another ______.

What is the primary purpose of the ALT attribute in an image tag?

Internal linking refers to linking one webpage to another website.

What tag is used to insert a video in an HTML document?

The ______ attribute of the video tag is used to display playback controls.

Which of the following describes external linking in HTML?

A text-based browser ignores the ALT attribute when displaying images.

Match the following HTML tags with their purposes:

What are the two main types of linking in HTML?

Images in HTML5

Images can be added to an HTML document using the <img> tag.
The alt attribute specifies alternative text to display if the image cannot be loaded.
Different attributes for the <img> tag include src, alt, height, and width.

Hyperlinks in HTML

Hyperlinking connects various web pages, allowing navigation between them.
The <a> tag marks text as a hyperlink, which users can click to visit another page.
Two types of linking in HTML:
- Internal Linking: Links one section of a web page to another section on the same page.
- External Linking: Links one web page to another separate web page.

Audio and Video Elements

The <audio> tag is used to embed audio files in a web page.
Supported audio formats include .mp3, .ogg, and .wav.
The <video> tag allows embedding video files, with attributes such as src (specifies the video file URL) and controls (displays playback controls).
The autoplay attribute in the <audio> and <video> tags plays the media automatically when the page loads.

CSS Image Alignment

Use the vertical-align CSS property to align images at the top, bottom, or middle relative to the surrounding text.
The float property can be utilized to align images to the right or left of the text.

Importance of ALT Text

The alt attribute provides text descriptions of images for users with slow internet connections or text-based browsers.
It assists visually impaired users by allowing screen readers to describe images.
Ensures that content remains accessible regardless of the user's browser capabilities.

Multiple Choice Recap

The href attribute of the <a> tag defines the linked document.
A Relative URL points to a file within a website.
The float property aligns images with text.
The autoplay attribute in the <audio> tag automatically plays audio files upon loading the web page.
Supported formats for video files include .webm.

Test your knowledge on images and links in HTML5 with this quiz. Fill in the blanks to demonstrate your understanding of how to add images and create hyperlinks in web pages. Perfect for Class 8 students studying web development.