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 -->
<title> Hello example </title>
<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">

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:

For more details, please contact me here.
Date of last modification: 2020.