Types of Attribute:
The width and height Attributes:
The <img> tag should also contain the width and height attributes, which specifies the width and height of the image (in pixels):
Example:-
<img src=”img_girl.jpg” width=”500″ height=”600″>
The alt Attribute:
The required alt attribute for the <img> tag specifies an alternate text for an image, if the image for some reason cannot be displayed. This can be due to slow connection, or an error in the src attribute, or if the user uses a screen reader.
Example 1:-
<img src=”img_girl.jpg” alt=”Girl with a jacket”>
Example 2:-
<img src=”img_typo.jpg” alt=”Girl with a jacket”>
The style Attribute:-
The style attribute is used to add styles to an element, such as color, font, size, and more.
Example:-
<p style=”color:red;”>This is a red paragraph.</p>
The lang Attribute:
We should always include the lang attribute inside the <html> tag, to declare the language of the Web page. This is meant to assist search engines and browsers.
Example:-
<!DOCTYPE html>
<html lang=”en”>
<body>
…
</body>
</html>
Country codes can also be added to the language code in the lang attribute. So, the first two characters define the language of the HTML page, and the last two characters define the country.
The following example specifies English as the language and United States as the country:
Example:-
<!DOCTYPE html>
<html lang=”en-US”>
<body>
…
</body>
</html>
The Title Attribute:
The title attribute defines some extra information about an element.
The value of the title attribute will be displayed as a tooltip when you mouse over the element:
Example:-
<p title=”I am a tooltip>”this is a paragraph.<p>