JSFiddle - React, Tailwind, and code Playground

by iamanubhavsaini

HTML

<img height="100" width="100" src="http://media1.santabanta.com/full2/Outdoors/Landscapes/landscapes-206a.jpg" />
<!-- now say, we want to go to Outdoors/Mountain -->
<base href="http://media1.santabanta.com/full2/Outdoors/Landscapes/" />
<!-- we used ../ because, we want to go up a directory -->
<img height="100" width="100" src="../Mountain/mountain-218v.jpg" />
<img height="100" width="100" src="../Mountain/mountain-219a.jpg" />

<img height="100" width="100" src="../Mountain/mountain-219a.jpg" />
<img height="100" width="100" src="/mountain-219a.jpg" />
<img height="100" width="100" src="./mountain-219a.jpg" />
<img height="100" width="100" src="~/mountain-219a.jpg" />
<img height="100" width="100" src="mountain-219a.jpg" />
<img height="100" width="100" src="../mountain-219a.jpg" />
<img height="100" width="100" src="./Mountain/mountain-219a.jpg" />

<img height="100" width="100" src="../Mountain/mountain-218v.jpg" />

<img height="100" width="100" src="http://media1.santabanta.com/full2/Babes/Lingerie/lingerie-488a.jpg" />
<img height="100" width="100" src="./../../Babes/Lingerie/lingerie-488a.jpg" />
<img height="100" width="100" src="http://media1.santabanta.com/full3/Outdoors/Clouds/clo0a.jpg" />