Web developers usually prefer to use either of the two following image formats: PNG (Portable Network Graphics) or JPEG (Joint Photographic Experts Group). The element for images is <img> and many attributes such as src(source/location of the image), alt(alternative text to be displayed if the image is not available), and the optional width and height in pixels.
Here is an HTML5 example of images<!DOCTTYPE html>
<!--Example 1: Images.html -->
<html>
<head>
<title> Hello example </title>
</head>
<body>
<h1> Zoheir's books on Quantum Computing</h1>
<img src = "Zoheir's Book1.jpg" width = "85" height = "100"
alt = "Advances in Quantum Computing Research">
<img src = "Zoheir's Book2.jpg" width = "85" height = "100"
alt = "Contemporary Research in Quantum Computing">
</body>
</html>
If the two pictures are available in the same folder where your HTML file is then when the
picture is clicked the following is displayed: