HTML Tutorial for Beginners(2022) - Image Height and Width Attributes in HTML

This video tutorial explains how to use the IMG tag in HTML to add images to a webpage. It covers setting the height and width attributes to control image dimensions and emphasizes the importance of including alt text for accessibility and SEO. The tutorial includes a practical example of creating an HTML file, adding an image, and adjusting its size. The video concludes with a demonstration of running the HTML file in a browser and modifying the image width.

What is the primary purpose of the height and width attributes in an HTML image tag?

• To set the dimensions of the image

• To change the image format

• To add a border to the image

• To link the image to another page

Which HTML tag is used to add an image to a webpage?

In the example provided, what is the initial height set for the image?

• 100

• 400

• 200

• 300

Why is it important to include an alt attribute in an image tag?

• It helps in SEO and accessibility

• It changes the image color

• It adds a caption to the image

• It links the image to a video

What happens when you refresh the browser after changing the image width from 300 to 400?

• The image width increases

• The image rotates

• The image height decreases

• The image disappears