The alternative text for an image is useful when the image not displayed/loaded. If the image is not loaded the its alternative text is displayed on the web page. Alternative text is the alternative information for an image.
Example 1: In this example, the image path contains the image so it will display the image.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to specify an alternate
text for an image?
</title>
</head>
<body>
<h1 style="color:green;">GeeksforGeeks</h1>
<h2>
How to specify an alternate
text for an image?
</h2>
<img src=
alt="GeeksforGeeks logo">
</body>
</html>
|
Output:
Example 2: In this example, the image path is not correct so it will display alternative text information.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to specify an alternate
text for an image?
</title>
</head>
<body>
<h1 style="color:green;">GeeksforGeeks</h1>
<h2>
How to specify an alternate
text for an image?
</h2>
<img src= "geeks.png"
alt="GeeksforGeeks logo">
</body>
</html>
|
Output:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
09 Sep, 2020
Like Article
Save Article