html - Images in github pages and relative links

Question

I created a user's github page.

Now, suppose I have an Image file at the root of the repo located as Images/Emoticons/Cool.png

I try to insert that image in my main Index.html file.
I write -
- <img src="imagesemoticonscool.png"> and nothing shows up online and offline
- <img src="imagesemoticonscool.png"> and nothing shows up online but I can see the image offline
- <img src="..imagesemoticonscool.png"> and nothing shows up online and offline

What should be done?

Answer 1

As the site is being served by Linux servers, the path is case sensitive.

In order to make this work, replace emoticons with Emoticons in the provided url.

Also, in a URL, replace the backslash () by a forward slash (/).

The following HTML code should properly display the image

<img src="images/Emoticons/cool.png" alt="hi" class="inline"/>