HTML Tutorial for Beginners(2022) - Set Image on a Web Page from an External Website

This video tutorial explains how to use the IMG tag in HTML to display images from external websites. It covers setting essential attributes like source, height, width, and alt text, emphasizing the importance of alt text for SEO and accessibility. The tutorial includes a practical example of creating an HTML file, adding text, and embedding an image from an external source. It demonstrates how to adjust image dimensions and refresh the webpage to view changes.

What is the purpose of the 'alt' attribute in an IMG tag?

• To specify the image's file type

• To define the image's border

• To provide alternative text for accessibility

• To set the image's alignment

Which HTML tag is used to create a heading in the document?

• P tag

• IMG tag

• H1 tag

• DIV tag

What is the first step to insert an image from an external website?

• Download the image to your computer

• Copy the image address from the website

• Create a new HTML file

• Set the image's width and height

How can you adjust the size of an image in HTML?

• By using the 'size' attribute

• By modifying the 'alt' attribute

• By changing the 'src' attribute

• By setting the 'width' and 'height' attributes

Why is it important to set the 'alt' attribute for images?

• It is required for the image to display

• It helps in loading the image faster

• It improves SEO and assists screen readers

• It changes the image's color