Check out example codes for "how to put images in html". It will help you in understanding the concepts better.

Code Example 1

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>

   <body>
      <img src="/html/images/test.png" alt="Simply Easy Learning" width="200"
         height="80">
   </body>
</html>

Code Example 2

<img src="image.jps">
//image.jpg is where you would put the inage source.

Code Example 3

<!--When the image is in the same folder as your html file-->
<img src="example.jpg">
<!--When the image is in a image folder-->
<img src="./image/example.jpg">

Code Example 4

<html>
  <head>
  </head>
	<body>
  <img src="exampel.end">
    </img>
  </body>
  
  
  </html>

Code Example 5

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>

   <body>
      <img src="/html/images/test.png" alt="Simply Easy Learning" width="200"
         height="80">
   </body>
</html>

Learn ReactJs, React Native from akashmittal.com