Resize an Image on HTML

To adjust the size of an image in your HTML code simply adjust the number of the pixel size.

For example,

<img src=”w3schools.jpg” alt=”W3Schools.com” width=”104″ height=”142″>

will look like this:

Image

If I change the pixel size to 208 and 284 (double in size)

<img src=”w3schools.jpg” alt=”W3Schools.com” width=”208″ height=”284″>

The new image will enlarge and look like this:

Image

Be sure to follow the ratios of the original size of your image to ensure that the image appears accurately (not too long or too wide).

By Avelin Babel

~ by avelinbabel on January 29, 2014.

 
%d bloggers like this: