Web Design & Development

[ Web Design & Development Topics ]

Adding Images

Lets say you want to add an image to your page. This is relatively easy to accomplish.

1. Find an image, preferably a .gif or a .jpg file
2. Add the image like this:

The source code looks like this:

<img src="../images/little.jpg" alt="Put some text here" width="75" height="85" / >

A link from an image

Another favorite is to have images that are links, particularly buttons. Here is how that is accomplished:

Here is the source code:

<a href="http://www.ourdeskdrawer.com"><img src="images/little.jpg" width="75" height="85" alt="instructor photo" / ></a>

A Little About Borders

You will notice when you add a link to an image it has a border on it. If you don't want this border then you just say the border is equal to zero like this:

Here is the source code:

<a href="http://www.ourdeskdrawer.com"><img src="images/little.jpg" width="75" height="85" border="0" alt="instructor photo" / ></a>

And I am not really sure why you would want to do this, but you could also make the border very large...

Here is the source code:

<a href="http://www.ourdeskdrawer.com"><img src="images/little.jpg" width="75" height="85" border="12" alt="instructor photo" / ></a>