how to load image in html code example

Example 1: how to put images in html

<!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>

Example 2: how to show an image in html

// Show image in html bois

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div class="img">
    	<img class="img" src="image.png">
    </div>
  </body>
</html>

Example 3: html how to insert image

<!--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">

Example 4: how to put an image in html

<img src="img_girl.jpg" alt="Girl in a jacket" style="width:500px;height:600px;">

Tags:

Html Example

Related