HTML CSS and JavaScript for Beginners - A Web Design Course - Adding Images to Your Page

The video tutorial explains how to add images in HTML, covering various image formats like JPEG, PNG, and GIF. It introduces the IMG tag, a self-closing tag used to embed images by specifying the source path. The tutorial also demonstrates using placeholder images from placeholder.com and discusses the importance of image attributes such as width, height, and alt text for accessibility. It highlights the use of CSS for image sizing and the significance of alt text in case images fail to load, ensuring accessibility for all users.

What is the primary tag used to add images in HTML?

Which of the following is NOT a common image format supported in HTML?

• JPEG

• GIF

• PNG

• DOC

When adding an image to a webpage, what attribute is used to specify the image's file path?

• path

• link

• src

• href

Why is it important to include alt text for images in HTML?

• For accessibility and in case the image fails to load

• To change the image size

• For better SEO

• To improve image quality

What happens if you specify only the width or height attribute for an image in HTML?

• The image will not display

• The image will become distorted

• The image will stretch to fit the screen

• The image will maintain its aspect ratio and adjust the other dimension automatically