Add Images to Website Templates

Adding Images To Your Pages Using Notepad

You may want to add additional images to the body of your webpages, here are some details.

For just replacing pictures click here

Adding a Plain Image:
To add a .jpg graphic into the body of your webpage, highlight, copy and paste the following code into your page:

<img src="picts/sample.jpg" alt="add keywords here"><br>

Now create a .jpg graphic called "sample.jpg" and put it into your picts directory. Remember that hosting is case sensitive so don't use any capital letters on either the page or when you save the image. Or, make sure your page and the graphic name match exactly.

Sample Image #1

To center the image on the page, add center tags as shown below:

<center>
<img src="picts/sample.jpg" alt="add keywords here"><br>
</center>

Sample Image #2

Adding an Image With a Link:
Perhaps you want your graphic to link to another page as well, use this code:

<a href="your-page-name.htm"><img src="picts/sample.jpg" alt="add keywords here" border="0"></a><br>

Sample Image #3

Or you can make the graphic link to another website. The link below goes to ebay.com for example:

<a href="http://ebay.com"><img src="picts/sample.jpg" alt="add keywords here" border="0"></a><br>

Sample Image #4

Related Topics:
New Window Target Links
Adding Page Links

See Also...
Align Images

Allwebco Web Templates
Complete websites with built in scripts.
AllwebcoDesign.com

Free Javascripts
Free scripts for any website or template.
Allwebco-Templates

Mobile Web Templates
HTML5 / CSS website designs.
AllwebcoDesign.com

Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com