Images
 

Adding  
<img src="fguppy.gif">
   
Defining the size  
<img src="fguppy.gif" width="161" height="96">
   
Changing the size  
<img src="fguppy.gif" width="200" height="60">
   
Border  
<img border="1" src="fguppy.gif" width="161" height="96">
   
<img border="4" src="fguppy.gif" width="161" height="96">
   
No Border  
<img border="0"src="fguppy.gif" width="161" height="96">
   
Border Colour  
   
<img border="4" src="fguppy.gif" width="161" height="96" style="border: 4px solid #C4C4E1">
   
Wallpaper  
<body background="fguppy.gif">
   
Fixed Wallpaper  
<body bgproperties="fixed" background="fguppy.gif">
   
Tip - For the wallpaper to work you must had the image code to the <body> tag as shown
   
Aligning Images  
<img src="fguppy.gif" align="left">
<img src="fguppy.gif" align="center">
<img src="fguppy.gif" align="right">
   
Image Description  
<img border="0" src="fguppy.gif" width="161" height="96" alt="This is a picture of a guppy fish">
move your mouse over the fish		 This is a picture of a guppy

 
Alternative - Alt Tag  
To add an ALT tag to text rather then and image try using the TITLE tag instead

<a href ="http://jane.fearby.com/tutorials/images.html" title="click here">This is a link with the title tag</a>

Requested by Chris

 Move your mouse over this text

top of page
 

Last Updated
Sunday, 03 August 2008