Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

Well done!

You have completed (UPI) Chapter 5: Image Manipulation in HTML!

Instruction

How to Resize an Image

Resizing images can enhance page load speed and maintain the visual flow of a webpage. The height and width properties in CSS allow for resizing images while preserving the original aspect ratio.

Step 1: HTML Code for Image Placement

<p>
  <img src="images/students.jpg" alt="teacher and students" height="360" width="480"> <!-- Original image size -->
    
 ...