add images to html 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: images in html

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

Example 5: 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 6: 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">