how to add an image to a website in html code example

Example 1: how to add image in html

The <img> tag will help you add image in html coding... it contains attributes:

1) src -  usage <img src="">, it states the source of the image..
2) alt - usage <img src="" alt=""> it is the alternative text if you image failed to load...

Thank you and HAPPY CODING.
Feel free to give a upvote.. ^^

Example 2: images in html

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

Example 3: how to embed an image in html

<img src="file.jpeg" width="200px" height="200px"> <!-- for images that are saved in the same folder as the HTML document -->
<img src="/media/USB/image.jpeg" width="200px" height = "200px" > <!-- the image source will vary by folder, which you can find the locations on the folder NAV on the top of your screen -->

Example 4: how to add image in html

<img src="[image link here]" alt="[alt text here]">

<!-- the src attribute defines an image link-->
<!-- the alt attribute shows text when the browser cannot show the image-->
<!-- When using semantics, the <img> should be surrounded by <figure> elements.-->

<figure>
  <img src="link.jpg" alt="an image">
</figure>

Tags:

Html Example

Related