Padding Padding
Janet
Systems
 Register  Login 
Telephone  01628 566 178
Website Design, Hosting and Software Services
  Search 
Padding
corner Padding corner
Padding Padding
corner Padding corner
 HTML Articles

Images are added to HTML content using the  IMG tag: <IMG src="/Portals/0/myimagefile">. This is a stand alone element, without a closing part.  The content added will also be in-line, occuring at the position of the tag.

For an image we need to specify the source of the content.  This may either be relative to the current content html file position, for example src="map.gif" if the file is in the same directory, or its position is known relative to the current file position.  It is also possible to reference an image on another website src=http://www.mywebsite.com/images/map.gif. The copyright terms on images referenced in this wway should be checked. If possible it would be better to copy the image to your server.

Using the image tag in this way there is no control over the size of your image.  It will be shown in the browser at the same size as the original image.  The image tag also permits the height and width to be specified.  If only one of them is specified then the image will be sized proportionately according to that one.

It is better to use the width and height attributes to specify the image size correctly.  Specifying a smaller size wastes bandwidth and specifying a larger size will result in a degraded image.

The align attribute may be used to determine the positioning and flow of text around an image.


This article viewed: 1249 times Back

Copyright © 2004-2007 Janet Systems Ltd.

 Print   

DotNetNuke Website design and hosting from £15.00 per month. More...

Looking for a website design company in the Thames Valley, call us on 01628 566178

DotNetNuke Modules
DotNetNuke Modules availalble from Janet Systems

DotNetNuke Skins
DotNetNukeSkins.gif

from Janet Systems

Padding
Copyright 2002-2008 Janet Systems Ltd.   Terms Of Use  Privacy Statement Tuesday, May 13, 2008