Internet - Sunday, August 10, 2008 22:55 - 2 Comments

HTML images and boarders tutorial

HTML images and borders

An image adds a visual aspect to a web page, relieving it of the boredom of simple text.  Images add depth and color, as well as providing visual clues to the content of the page.  They may be aligned in a number of ways, and resized to suit the page design.  From the simplest drawings to stunning visuals, the process is easy to grasp and master.

But it is important to remember that not everyone has the option of seeing pictures, and provide an alternate, descriptive text link for those people.  There’s a way to do that, using the ALT=”” operator as we’ll show you.

A text link looks like this:
<a href=”www.this-site.com/any.html”>Check this place out!</a>
The same thing can be done with an image:
<a href=”www.this-site.com/any.html”><img src=”www.this-site.com/any-image.jpg ALT=”Check this place out!” height=100 width=100 border=5></a>

The <img> command does not need to be closed with an </image> tag.  Note that the image size can be adjust for both width and height.  Take care to adjust the image size in ways that will not distort the image, much like a funhouse mirror distorts a reflection.  The border instructs a border that is 0-255 pixels wide to be placed around the image.  Realistically, this is a number lower than 25, and most commonly something like 2-10 pixels wide.

Article written by MyComputerAid.com