html image inserting code code example

Example 1: how to add image in html

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

Example 2: 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 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: html insert image

<img src='/images/my_cool_image.jpg' alt='LOCAL IMAGE: My Cool Image!'>

<img src='https://learn.coderslang.com/js-test-3.png' alt='REMOTE IMAGE: JavaScript Interview Question #3'>