Need A Solution on Image Tag

Hello nice to meet you all, I’m a new artist in Web Design, I just going to learn HTML. When I’m going to use any image from my PC in image tag then I don’t see anything good on them. I tried in W3school also. Actually I’m going to take an image from such like a “folder” in “D” drive. I used folder name and image file name with png or jpg even I never see any update there. Could you please tell me what is wrong with me and what is the right process to create an image tag?

Thanks in advance

Hi there and welcome to the forums.

Presumably you want this site to be online eventually, so forget about D drives etc. and start thinking in terms of a website structure. Here’s a simple example of how it works:

  • create folder and place your web page inside it (e.g. index.html) and also put your image inside it (e.g. image.png).
  • in the index.html page, you link to the image like this:
    <img src="image.png" alt="image description">
    That will make the image appear on the page.
  • Imagine you want to store the image somewhere different, say in a folder called /images/. To do that, place the image inside your /images/ folder and place that folder inside the original folder. Then change the code to this:
    <img src="images/image.png" alt="image description">

Make sure to read up on how to code HTML, CSS etc., as it’s simple when you know how. It’s better not to learn in a haphazard fashion.

2 Likes

Yes ralphm, It’s working… Many thanks for your nice help within short time. Actually I tried into a big misunderstanding that I was taking image file from everywhere not from web page folder. Once again thanks so much.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.