HTML images and boarders tutorial

Written by on Sunday, August 10, 2008 22:55 - 2 Comments

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



2 Comments

You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

Froix
Aug 16, 2008 4:02

Sounds simple enough. I’ve tried the sample code and it works but only after I added the ‘HTTP://’ before the urls but I did it on a sample html code in my harddrive so I’m assuming these (http://) aren’t needed when the code’s in the server?

Nomad
Aug 19, 2008 6:49

Yea Froix, it is simple but your point is correct too. Sometimes http:// is needed to display URLS correctly. Like on some pages like http://www.page.com/page.html if you make an URL without http:// tag like http://www.abc.com the URL is displayed as http://www.page.com/page/www.abc.com which can never be rendered. Happens more with blogging platforms like Blogger and WordPress.

Leave a Reply

You must be logged in to post a comment.

2003 server - Sep 30, 2008 22:34 - 0 Comments

instant messaging srv records

More In Computers & PC


Microsoft Outlook - Mar 22, 2009 11:22 - 0 Comments

Outlook: Duplicates in Mailbox

More In Computers & PC