How to fix broken link in web page?

[rony001]

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>

[zeroliken]

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

[JorgeM]

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.