HOME
            About US
            Contact Us
            Book     Book Preface

How to Resize Pictures

Chapter - 5 : Images in Web Page (How to Resize Pictures): (Page 2/4)


(Cotinued from previous page)
If you are changing the size, then make sure to maintain height / width ratio. Otherwise the picture will get distorted as in FIG - 5.5.

Command:Resize images <img src='images/name.gif' width='60' height='50' alt='name image' />

Output: Fig 5-4
web page images Command: <img src='images/name.gif' width='240' height='100' alt='name size image' />

Output: Fig 5-5


5.4- Image Alignment: If the above command is used with some text content or any other image, then the image is displayed on a separate line followed by the text at last line.

Command: Text line 1 Text line 1 Text line 1 Text line 1<br />
<img src='images/name.gif' alt='name of image' />
Text line 2 Text line 2 Text line 2 Text line 2<br />
Text line 3 Text line 3 Text line 3 Text line 3<br />
Text line 4 Text line 4 Text line 4 Text line 4<br />
change size of images Output: Fig 5-6

To avoid this and to save the web page space alignment commands are used.


(Cont......... to next page (Pg-3))

re size © funandhobby.com (How to Resize Pictures)