How to use images stored on server in HTML ?

September 18, 2018 773 views
JavaScript Nginx

I stored the image, /images/test.jpg. But how do I use that in my html ? I tried <img src=“/images/test.jpg” style=“width:100%”>. But that did not work.

2 Answers
jarland MOD September 18, 2018
Accepted Answer

Hey friend!

This is going to be very relative to your situation and setup, but I’m going to make some assumptions here and see if I can point you in the right direction.

Let’s say you’re deploying your website at /var/www/html and you have the images in /var/www/html/images. Then you create index.html in /var/www/html with that code sample you gave. If that were the case, I would perhaps change it to:

<img src="images/test.jpg">

Does that make any sense for your situation?

Jarland

  • I do not have the images stored in the /var/www/html, I have them stored on the main page. I created a new folder images, to store them in. What am I supposed to do ?

Have another answer? Share your knowledge.