Setting Alternate Text for Image

The alt Attribute

The required alt attribute provides an alternate text for an image, if the user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

The value of the alt attribute should describe the image:

Example

<!DOCTYPE html>
<html>
<head>
<title>Setting Alternate Text for Image</title>
</head>
<body>

<h2>Setting Alternate Text for Image</h2>

<h4>ਤਸਵੀਰ ਲਈ ਅਲਟਰਨੇਟ ਟੈਕਸਟ ਸੈੱਟ ਕਰਨਾ</h4>

</body>
</html>

Output

The alt Attribute

The required alt attribute provides an alternate text for an image, if the user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

The value of the alt attribute should describe the image:

Example

<!DOCTYPE html>
<html>
<head>
<title>Setting Alternate Text for Image</title>
</head>
<body>

<h2>Setting Alternate Text for Image</h2>

<h4>ਤਸਵੀਰ ਲਈ ਅਲਟਰਨੇਟ ਟੈਕਸਟ ਸੈੱਟ ਕਰਨਾ</h4>

<img src="/media/images/kitten.jpg" alt="kitten.jpg - This is alternate"><BR><BR>

<img src="/media/images/cat.jpg" alt="cat.jpg">


</body>
</html>

Live Demo & Try it yourself!

Output

#HTML #images #alt #alternate

CSPunjab.Com

Video

Details

The alt Attribute

Example

Output