Syntax error How to include an alternate text when the original element fails to display in HTML?

How to include an alternate text when the original element fails to display in HTML?

Use the alt attribute to add alternative text for an image. If the user fails to view it (loading issue), then the same text will be visible. In addition, the attribute helps screen readers in reading the content to the user.

Example

You can try to run the following code to implement alt attribute in HTML −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML alt attribute</title>
   </head>
   <body>
      <p>Simple Image Insert</p>
      <img src = “https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg” alt = "Tutorials Library" />
   </body>
</html>
Updated on: 2020-03-02T12:41:03+05:30

150 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements