<!DOCTYPE html> <html lang="en"> <head> <title>Placing Images in HTML Documents</title> </head> <body> <img src="https://upload.wikimedia.org/wikipedia/commons/d/d3/Newtons_cradle_animation_book_2.gif" alt="Newton cradle animation book" style="width:220px;height:220px;" /> <hr /> <img src="examples/resources/image-tree.png" alt="A beautiful tree" /> <hr /> <p>The below image will not be displayed (file not exist)</p> <img src="examples/resources/image-tree22.png" alt="A another beautiful tree" /> <p><strong>Note:</strong> The specified image not exists. So It shows the "alt text" in the place of given image.</p> </body> </html>