How can I make a picture larger or smaller using just HTML?
Simply! Just change the values in the HEIGHT and WIDTH attributes of the IMG tag. Be mindful of what is called the aspect ratio. The example below is a perfect square. It is actually a 40x40 icon, but I show it as 20x20, 80x80, and 120x120. If your graphic is 400 wide by 40 high, it has one unit of height for every ten of width. So if you wanted to make it a bit bigger, you could try 500x50 or 440x44. Hmmm, what if we did 100X25??
REMEMBER TO ALWAYS SET YOUR WIDTH &am HEIGHT VALUES. This is important. Many browsers can't show anything until they know where all the pieces of your page are going to fall.
example:
source code:
Code
<IMG SRC="/images/left.gif" HEIGHT="20" WIDTH="20" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="40" WIDTH="40" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="80" WIDTH="80" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="120" WIDTH="120" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="25" WIDTH="100" BORDER="0">