 <p>You need to reference the image relative to your pages. For example, if your site is structured built in a folder called public_html and your page your image is to be located on is index.html and you've placed an image called example.jpg in a folder called img within public_html, you could reference that image from index.html with the following:</p> <pre><code>&lt;img src="img/example.jpg" alt="" /&gt; </code></pre> <p>For security purposes, you can't reference local images, they need to be uploaded somewhere. Say you uploaded the image to the root of example.com you would change the src to "<a href="http://www.example.com/example.jpg" rel="nofollow">http://www.example.com/example.jpg</a>"</p> <p>Since you want it as your background image, you should use some css such as:</p> <pre><code>body {background:url('img/example.jpg') repeat;} </code></pre>