HTML Image Tag Examples: Code Snippets and Usage Cases

Practice Quiz

1. Which HTML tag is used to display an image?
1. <image>
2. <src>
3. <img>
4. <picture>


2. Which attribute specifies the URL of the image to be displayed?
1. href
2. src
3. alt
4. url


3. What is the purpose of the `alt` attribute in the `` tag?
1. To specify the image file type.
2. To provide alternative text if the image cannot be displayed.
3. To define the image's alignment.
4. To set the image's transparency.


4. How do you make an image a clickable link?
1. Wrap the <img> tag within an <a> tag.
2. Use the `link` attribute in the <img> tag.
3. Use CSS to set the image as a background.
4. It's not possible to make an image a link.


5. Which of the following is NOT a commonly supported image format for web use?
1. JPEG
2. PNG
3. GIF
4. TIFF


6. What is the best practice for specifying image dimensions in HTML?
1. Use the `size` attribute in the <img> tag.
2. Use the `width` and `height` attributes in the <img> tag.
3. Use CSS to control image dimensions.
4. It's not necessary to specify image dimensions.


7. Why is it important to optimize images for the web?
1. To improve image quality.
2. To reduce file size and improve page load times.
3. To add special effects to images.
4. To make images searchable by search engines.