HTML Images quiz for Grade 8 Computer Science

📸 Quick Study Guide: HTML Images

• 🖼️ The `` tag is used to embed an image in an HTML page. It is an empty tag, meaning it has no closing tag.
• 🔗 The `src` attribute is essential and specifies the path (URL) to the image file. Example: ``.
• ✏️ The `alt` attribute provides an "alternative text" for an image. This text is displayed if the image cannot be loaded (e.g., due to a broken path, slow connection) and is crucial for accessibility (screen readers). Example: ``.
• 📏 The `width` and `height` attributes are used to specify the dimensions of an image in pixels. Example: ``.
• 🌐 Images can be linked from the same folder (relative path) or from a web address (absolute URL).
• 💡 Best practice: Always include the `alt` attribute for accessibility and SEO.

🧠 Practice Quiz: HTML Images

1. Which HTML tag is used to embed an image on a web page?
   A) ``
   B) ``
   C) ``
   D) ``
2. Which attribute is used to specify the path to an image file?
   A) `link`
   B) `href`
   C) `source`
   D) `src`
3. What does the `alt` attribute provide for an image?
   A) The alignment of the image.
   B) The alternative text for the image, displayed if it cannot be loaded.
   C) The animation style for the image.
   D) The border color of the image.
4. If you want to set the width of an image to 200 pixels and the height to 150 pixels, which attributes would you use?
   A) `size="200x150"`
   B) `dimension="200,150"`
   C) `width="200" height="150"`
   D) `imgsize="200,150"`
5. Which of the following is an example of a correctly formed `` tag?
   A) ``
   B) ``
   C) ``
   D) ``
6. Why is the `alt` attribute important for accessibility?
   A) It makes the image load faster.
   B) It allows screen readers to describe the image content to visually impaired users.
   C) It automatically resizes the image for different devices.
   D) It adds a caption below the image.
7. Is the `` tag an empty tag or a container tag?
   A) It is a container tag because it holds the image content.
   B) It is an empty tag because it does not have a closing tag.
   C) It depends on the image file type.
   D) It is an empty tag, but it requires a closing `/` in HTML5.