Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

HTML Basics

Well done!

You have completed HTML Basics!

Sign up for Treehouse Back to Library

Adding Images to the Page

5:09 with Guil Hernandez

Images draw users in and bring color and life to your pages. Designers and developers use images to display logos, avatars, photographs, illustrations, charts, and more.

Content Snippets

<img src="img/vr-space.jpg" alt="User experiencing space in VR" title="Virtual reality users can explore faraway places and feel as though they are right in the middle of the action.">

Resources

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    avatars, photographs, illustrations, charts, and more. 0:00
    Browsers support several image formats and 0:01
    the most common ones you'll use are JPEG, GIF, PNG, and SVG. 0:04
    You can learn more about these image formats in the teacher's notes 0:08
    for this video. 0:11
    And the JPEG format we're using in our project is commonly used to display 0:11
    imagery or photographs that contain great detail in many different colors. 0:17
    Now to keep your files organized, it's best to place images in a separate folder. 0:22
    So let's go over to File, New Folder to create a new folder, and 0:28

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up