Html adding image code example

Example 1: adding image in html

<img src="image.png" alt="Description for image" width="250" height="250">

Example 2: how to add image in html

<img src="pic_trulli.jpg" alt="Italian Trulli">

Example 3: html how to add an image

<img src="flowers.jpg" alt="flowers">

//Always add the image type (jpg,png, etc) Adding alt text
is also good coding practice :)

Example 4: 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 5: 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>

Example 6: how to add a image file in html

<img src="path/filename.jpg" alt="alternate text">