HTML Image Code
HTML Image Code - Adding an image to a web site web page is a matter of adding html-image-code. Adding images can add a bit of color and fun to a web page.
Lets take a look at some images and the html image code that makes it possible to view these images in a web page.
Image 1
<p>
<img src=”http://www.web sitebuildersguide.com/urimagefolder/image1.gif” width=”144″ height=”85″ border=”0″>;
</p>
If you want to center the image the code would like this:
<p align=”center”>
<img src=”http://www.web sitebuildersguide.com/images/a1.gif” width=”144″ height=”85″ border=”0″>
</p>
—————————————————————
Lets say you want to add a nice thick border to your image. You can do this by change the border setting from 0 to 5 in my example.
Your complete code in your html code would l ook this:
<p>
<img src=”http://www.web sitebuildersguide.com/urimagefolder/image3.gif” width=”144″ height=”85″ border=”5“>
</p>
—————————————————————
Lets get creative lets say you want the border to be red and thickness to be like the image below.
Your complete code would like this:
<p>
<img src=”http://www.web sitebuildersguide.com/images/a3.gif” width=”144″ height=”85″ border=”5″ style=”border-width:5; border-color:rgb(204,0,0); border-style:solid;”>
</p>
<html>
<head>
<title>My Title</title>
</head>
<body bgcolor=”0066CC” text=”black” link=”blue” vlink=”purple” alink=”red”>
<p>Webpage Content</p>
<p>
<img src=”http://www.web sitebuildersguide.com/urimagefolder/image3.gif” width=”144″ height=”85″ border=”0″>;
</p>
</body>
</html>
—————————————————————
Remember that you can use tables to align your images on your webpages and they should be optimised so they are small in size without any loss of qaulity.
Tags: HTML Image Code
