Lesson 4

Images

Bringing your page to life

We can embed media in our page, including images and videos. In the case of an image, the file sits on a server somewhere, and we use the img element to tell the browser to display it.

Play
Go to the next lesson

index.html

the web page

New Window

Tasks

  • Replace the image with your own or one of the below:
    1. /img/owl.jpg
    2. /img/donkey.jpg
    3. /img/meerkats.jpg
    You need to put the image URL in the src="" attribute
  • Update the alt="" attribute to reflect the new image
  • Why not add a h1 for your image?
  • How about adding a short paragraph using the p tagto describe your image?
Next Lesson
Practical understanding of  HTML images, structure and semantic HTML5 Badge

Intermediate HTML

Congratulations! You’ve just earned the Intermediate HTML badge!

If you'd like to send this badge to your Mozilla backpack, just fill out the form below.

This will push your badge to the Mozilla Badge Backpack which is governed by the Mozilla Badge Backpack Terms of Use and Privacy Policy.