how to add an image in a html page code example

Example 1: how to add image in html

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

Example 2: 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 3: how do you code an image 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 4: how to put an image in html

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

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 an image

<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">

Tags:

Html Example

Recent Posts