I am new to using html.
I have been going around in circles for hours to find where to put my image in the script ?the script disdisplays a frame of picture with broken link .I found I can add pictures like below but I am trying to learn how to fix the broken link in my existing index page in second script. any bit of info would be helpful

<h2

<h2> images </h2>
<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228"></body>

ii

</div><div id="I1045" style="display:block;clear: both;text-align:center;" class="Image_Default"><img id="I1045_img" src="resources/100_0271.JPG"  style='width:284px; border:none;'/></div><div id="I1046" style="display:block;clear: both;" class="Text_Default">    
<div id="I1046_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"># 304 M&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ ........<br> .... <br>wholesale only<br></div>
src="/images/pulpit.jpg"

try the following

  • remove the first backslash " / ", that should be src="images/pulpit.jpg"
  • make sure that there is an image folder in the same directory as the html webpage
  • check for spelling errors
  • check if the image is really in jpeg format

    src="resources/100_0271.JPG"
    
  • that should be a .jpg, extensions are case sensitive

  • check other soultions above if still not working

For those that are new to HTML, learning how to create a clean and organized file structure should be at the top of your list.

It's a good time to review how to use relative paths in your HTML documents. Here is a quick summary on this topic that you may find useful.

Relative and Absolute Paths

In addition to the organized file structure, it would be a good idea to also begin to develop a routine in organizing your HTML code within your pages. Its going to make it a lot easier for you and others to review your code and debug.