html tutorial - alt Attribute in HTML - html5 - html code - html form


html image

Learn html - html tutorial - Alt attribute in html - html examples - html programs

  • The alt attribute is used to declare the alternate name for the image.
  • When the image is not loaded properly then the alternate text will get display instead of image.
  • The image will not get displayed properly because of following reasons:
    • Network failure
    • Slow connection
    • Source attribute path errors

Syntax for alt attribute in HTML:

<img alt=”text”>

Applies To:

Elements Attribute
<area> alt
<img> alt
<input> alt

alt Attribute Value:

Value Description
text Define the alternate text.

Sample Coding for alt Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy-alt attribute</title>
    </head>
    <body>
        <img src=”Wikitechylogo.png” alt="Wikitechy.com" 
         width="175" height="65">
    </body>
</html>

Code Explanation for alt Attribute in HTML:

alt Attribute Code Explanation

  1. The <img> tag is used to show an image.
  2. src - used to specifies the location of the image.
  3. “Wikitechylogo.png” is the location of the image.
  4. alt attribute – used to define alternative text for the image as “Wikitechy.com”.

Output for alt Attribute in HTML:

alt Attribute Output

  1. The image will not get displayed so alternative text Wikitechy.com has been displayed instead of the image.

Browser Support for alt Attribute in HTML:

Yes Yes Yes Yes Yes

Related Searches to alt Attribute in html

alt attribute seo html alt text hover alt text codes image title attribute how to add alt text to images alt text for images html img title adding an alternative text to your image will html attributes html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list

Summer Offline Internship

Summer Online Internship

Internship in Chennai

Programming / Technology Internship in Chennai

Wikitechy Rated 5 / 5 based on 378284 reviews.
Wikitechy-logo

World's No 1 Animated self learning Website with Informative tutorials explaining the code and the choices behind it all.

Wikitechy

About Us
Terms of Use
Privacy Policy
Contact Us

Workshop

Webinar

Join our Community

Advertise

Other Languages

English
Chinese
Deutsch
Russian

© 2016 - 2024 KaaShiv InfoTech, All rights reserved. Powered by Inplant Training in chennai | Internship in chennai