Question

what is the purpose of scr and alt attributes of the<img> tag?

Answer 1

src -attribute assign the url or link of image.
alt-attribute is used for the purpose when your attach image are not load then assign value in the attribute shown on image section

Answer 2

The src attribute is required, and contains the path to the image you want to embed.

The alt attribute holds a text description of the image, which isn't mandatory but is incredibly useful for accessibility — screen readers read this description out to their users so they know what the image means.