how to link an image in html - html

i'm a beginner in web design and i have this folder and inside are the html, css, and images that needs to be submitted to my prof and i'm not sure if the images i linked on the html will be seen because the location of the image i linked there was the location of the image on my pc. for example i put
<body>
<img src ="C:\Users\project\pic.jpg">
</body>
Will my prof be able to see it? If not, is there another way how? Thanks!

You're right, they won't be able to see the image.
Create a new folder in the project folder you already have. Image folders on the web are often named - img or images
Copy your picture to it.
change <img src ="C:\Users\project\pic.jpg">
to <img src ="images/pic.jpg">
Zip your project folder and send the zip.

<img src="/yourfolder/Users/project/pic.jpg"/>

You need to copy your image before use in html file otherwise you cannot able to share your product with image

Related

HTML image not showing why

code:
Why am I not able to see any image here to open amazon?
NOTE: image is saved as th.jfif on my desktop and not in any folder
was expecting to see the image
The issue you are having is very likely due to your image not being in the correct location from where your img is expecting it to be.
I would say take the image from your desktop and place it in a folder, maybe called site. Then put your HTML file and image file in the same site folder and load your page again. Then your path mapping should be accurate and your image will render.
I say it is your path mapping because rendering your HTML link using an online image works just fine.
<img src="https://turnerduckworth.com/sites/default/files/styles/case_study_single_image_s_2x/public/2019-03/5_Amazon_Lettermark_2560.jpg?h=a92f03cd&itok=2nBmNv14" alt="website" width="100">
Surely this is to do with having no file or folder structure. Your image and web page must be detailed relatively to each other.
<img src=" path to the image from the web page location ">
If your web page has a folder with it called images and inside it are all your.... images.
The path will be
src="images/picture-title.jpg"
Read about file structure. To begin with, put your web page inside a folder of it's own and also in that folder create an images folder.
I suspect the path does not match the location of the image you saved. the whole tutorial is on here .
for the example, you saved your image in path images , so you should should type it like this:
<img src="/images/th.jfif.jpeg">
and don't forget to write down the image file extension clearly. hope its help

Image broken - how do I display using HTML and Filezilla

I need help. I am VERY new to learning HTML. I created a very basic / practice HTML file; this is all I have learned so far. I want to display an image but the image will not display. I am using FileZilla to upload my webpage. On my desktop I have my project folder with my index file inside and another folder called images. I uploaded this to FileZilla and uploaded again there. Not working; need help! I really need simple precise answers as I am very very new. Thank you!
Below is my desktop, Filezilla, my html and my page
My desktop folder
Filezilla
My HTML
My Webpage
You need to find the position you want to place the image in the index file. Then you can use the image tag. As the image is in a subfolder that's why you need to write the image tag like this
<img src="/images/example.jpg" alt="Testing" width="600" height="400">
Here you can remove the height and width if you want also reshape the image size by changing height and width

Image doesn't show HTML

I am completely new to coding and I am doing the responsive web design course on free code camp. I am trying to make a french bakery website to learn web development, but when I put an image, it doesn't appear. I tried to use an URL instead but it didn't work. So I tried the solutions that I saw on this website and others but none of the solutions worked. Thank for your help.
The code
The result
Replace images/Baguettes.jpg by Baguettes.jpg because you don't have a folder named ìmages
You don't have any images folder
Do this:
<img src ="Baguettes.jpg">
Instead of:
<img src ="images\Baguettes.jpg">
As you have define wrong image path because your image is not in image folder so please replace the following
<img src ="images\Baguettes.jpg">
with
<img src ="Baguettes.jpg">
or if you want the same path
<img src ="images\Baguettes.jpg">
then please add your image in "images" folder

Insert .jpg image in html web page

I am designing a web page in html language. At some point I have to insert a .jpg image that I downloaded from the net.
I saved the image on my desktop. Then, I insert it into the web page this way:
<img src = "image.jpg">
The image doesn't appear. But a default icon appears in its place.
Try putting the image within the same folder as your HTML file.
If you're going to be using images on your site - the images must be somewhere within the directory of your current HTML file.
For example,
Root Directory|
index.html Images |
image.jpg
Then within your index.html file, you would have:
<img src="images/image.jpg">
Hope this helps! :)
<body>
<img src='image.jpg'>
</body>
If you want this could work, you must put image.jpg and your html into the same directory.

Images inside WebContent are not shown in html page

I read adding image to eclipse web project which should be the same problem as I do.
But the solution is not working for me.
I also have the same folder called images inside WebContent, and i have a jpg image inside it. And in the html web page, i use <img src="images/qrcode.jpg" /> . The page does not show the image, I also tried, <img src="/images/qrcode.jpg" /> <img src="../images/qrcode.jpg" /> but they not work either.
Can any body help me with this?
PS: I use the below code to to go to my page(wodinow is the project name, the html is inside the folder of pages)
response.sendRedirect("/wodinow/pages/userhelp.html");
have you checked given extension is correct? may be JPEG, jpeg. If nothing is work post your folder structure.