HTML Picture Code

  HTML Code

HTML Picture Code is the code you use to add an image to a web site. Adding pictures can add a bit of color and fun to a web page. Lets take a look at some pictures and the html picture code that made it possible to view these images in a web page.
HTML Picture code

<p>
<img src=”http://www.yourwebaddress.com/urimagefolder/image1.gif” width=”144″ height=”85″ border=”0″>;
</p>

If you want to center the picture in your web site web page the code would like this:

<p align=”center”>
<img src=”http://www.yourwebaddress.com/pictures/a1.gif” width=”144″ height=”85″ border=”0″>
</p>

—————————————————————

Lets take a look at an example where you want to add a nice thick border to your picture.. You can do this by changing the border setting from 0 to 5. Below is an example of how to do this.

picture html

Your complete code in your html code would l ook this:

<p>
<img src=”http://www.yourwebaddress.com/pictures/image2.gif” width=”144″ height=”85″ border=”
5“>
</p>

—————————————————————

Lets take another look at this. For example if you want to add the border to be red and thickness around your picture the same as the image above then your image would like this:

html picture coding

Your complete code for this is then the following:

<p>
<img src=”http://www.yourwebaddress.com/pictures/image3.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.websitebuildersguide.com/urimagefolder/image3.gif” width=”144″ height=”85″ border=”0″>;
</p>

</body>
</html>

—————————————————————

Remember that you can use tables to align your pictures on your web site web pages and they should be optimised so they are small in size without any loss of qaulity.