what is the use of attributes, does it help the coders distinguish between the various sections. what is the use of it on the actual website and why are there so many different attributes.

because attributes can provide useful information about an element for example the source attribute of an image:

<img src="/path/to/image.jpg">

can tell the image where the image located. Quite useful when wanting to display a image.


<a href="">google</a>

the hyperlink reference attribute to the anchor element which website/page to go to when clicked.

Its quite a useful system, sometimes elements needs additional information, attributes are a good way to achieve this. Sure, it can be overwhelming in the beginning, but you will get the hang of it