Home
Web Development
Short Contents
For Beginners...Introduction
Document
Text
Organisation tools
Forms
Images
Sounds
Special Effects - Javascript
Search Engines
Full Contents
For Beginners...
Introduction
Other HTML sitesPutting pages online
Tips For beginners
Download this Guide
Document
StructureThe <HEAD> section
...Title
...Setting the Base address
...Queries : ISINDEX
...META tags
...<LINK>s
The <BODY> tag
...Document Colours
...Background
Text
HeadingsFonts
Preformatted text
Special Characters
Character Formatting
...Blink
...Bold
...Italics
...Underline
...Strikethrough
...Superscript
...Subscript
Paragraph formatting
...Blockquote
...Line Breaks
...New Paragraph
...Stop Line Breaks
...Word Break
...Centre text
Miscellaneous
...Addresses
...Use Bigger/Smaller fonts
...Citations
...Code
...Keyboard input
...Sample
...Teletype
...Variables
...XMP
Organisation tools
CommentsHorizontal lines
Links
...<LINK>s
...within pages
...Image maps
Frames
...Naming and Targeting
Tables
...example tag
...Rows
...Cells
...Captions
Lists
...Definition lists
...Directory Lists
...Menu Lists
...Ordered Lists
...Unordered Lists
Embedding special files
Forms
Images
Sounds
Special Effects - Javascript
Events...onAbort
...onBlur
...onChange
...onClick
...onError
...onFocus
...onLoad
...onMouseOver
...onMouseOut
...onReset
...onScroll
...onSelect
...onSubmit
...onUnload
Basic Commands
...Changing the status bar
...Opening a new window
...changing page being viewed
Search Engines
Images
The standard formats for images in HTML documents are JPEG (.JPG) or Gif89 (.GIF, including animated images). Special Image types can be inserted with the <EMBED> tag. To add a standard image to a document, use the following with any conbination of the optional parameters :<Img src="???" alt="???" align="???" width="?" height="?" border="?" vspace="?" hspace="?" lowsrc="???" usemap="???" ismap> SRC is the name of the image, and LOWSRC is designed to be a lower-resolution (and smaller file size) image which is loaded before the SRC image. ALT is text which is displayed if the image cannot be loaded for some reason, or if the user has image loading disabled.
WIDTH and HEIGHT are the dimensions of the image in pixels. If these do not match the actual dimensions specifyed by the file, the values in the IMG tag are used. If only one is specified, Netscape will scale the image accordingly maintaining the x : y ratio.
ALIGN can be one of left, right, top, bottom, texttop, middle, absmiddle, baseline, absbottom. It specifies how the image is aligned in respect to other items on the same line.
BORDER specifies how wide to make the border. If you are using an image as a link or map, and want to get rid of the annoying link colour surrounding the image, set this to zero.
VSPACE and HSPACE specify how much room to leave on either side of the image, vertically and horizontally respectively.
ISMAP specifies that the image is to be linked to the areas mapped by the MAP of the same name as the USEMAP attribute.
(C)opyright 2001-2008, Geoff Knagge.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.