Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser
Adding Images

Width x Height

As with any other element, the dimensions of an image can be set with the height and width properties.

<img src="#" alt="A red leaf" class="leaf" />
img.leaf { width: 350px; height: 200px; }

Specifying the dimensions of an image helps the browser determine how much space should be reserved for the image.

Note: Images should be saved at the dimensions they will be displayed in on the web page. Using dimensions for an image that exceed the original dimensions will distort the image.

Report a Bug
If you see a bug or any other issue with this page, please report it here.