Skip to content
Related Articles

Related Articles

HTML | alt attribute

View Discussion
Improve Article
Save Article
  • Last Updated : 05 Jan, 2022
View Discussion
Improve Article
Save Article

The HTML alt attribute is used to provide an alternate tag that is used to show or display something if the primary attribute i.e., the <img> tag, fails to display the value assigned to it.
Supported tags: 

Attribute Values: It contains single value text which is used to specify the alternative text for supported element, if image is not displaying.

Example: Img alt attribute. 
 

html




<!DOCTYPE html> 
<html
  
<head
    <title
        HTML img alt Attribute 
    </title
</head
  
<body
    <h1>GeeksforGeeks</h1
  
    <h2>HTML img alt Attribute</h2
  
    <img src
        alt="GeeksforGeeks logo"
  
</body
  
</html


Output: 
Before: 
 

After: 
 

Example: Area alt attribute. 
 

html




<!DOCTYPE html> 
<html
  
<head
    <title
        HTML area alt Attribute 
    </title
</head
  
<body style="text-align:center;"
    <img src
        alt="alt_attribute" width="300" height="119" class="aligncenter"
        usemap="#shapemap" /> 
  
    <map name="shapemap"
          
        <!-- area tag contained image. -->
        <area shape="poly" coords="59, 31, 28, 83, 91, 83" href
        alt="Triangle"
          
        <area shape="circle" coords="155, 56, 26" href
        alt="Circle"
          
        <area shape="rect" coords="224, 30, 276, 82" href
        alt="Square"
    </map
</body
  
</html>


Output: 
 

Example: Input alt attribute. 
 

html




<!DOCTYPE html> 
<html
  
<head
    <title
        HTML Input alt Attribute 
    </title
</head
  
<body style="text-align:center;"
  
    <h1 style="color:green;"
            GeeksForGeeks 
        </h1
  
    <h2>HTML Input alt Attribute</h2
    <input id="myImage"
        type="image"
        src
        alt="Submit"
        width="48"
        height="48"
</body
  
</html>


Output: 
 

Supported Browsers: The browsers supported by HTML | alt attribute are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!