Lynda.com is now LinkedIn Learning!

To access Lynda.com courses again, please join LinkedIn Learning

All the same Lynda.com content you know and love

Plus personalized recommendations and LinkedIn Career access   

All for the same price as Lynda! Get a 1-month free trial today.

Try LinkedIn Learning for free
Questions? Visit our help center.
Skip navigation

Responsive images and the picture element

Responsive images and the picture element: Creating Web Media
Responsive images and the picture element: Creating Web Media

Take a look at creating a responsive images using the PICTURE element in HTML. In a previous episode, you looked at using the SRCSET and SIZES attributes in an IMG element, however, the PICTURE element wraps around the IMG element, and gives up another approach for making your images responsive. Using SOURCE elements within a PICTURE element—just like with VIDEO and AUDIO elements—and the SRCSET attribute, you can direct the browser to use different images within our web page.

Resume Transcript Auto-Scroll
Skill Level Intermediate
5h 7m
Duration
73,193
Views
Show More Show Less

Q: Why can't I earn a Certificate of Completion for this course?

A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.

Skills covered in this course
Web Web Development Web Graphics CSS

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start My Free Month

Start your free month on LinkedIn Learning, which now features 100% of Lynda.com courses. Develop in-demand skills with access to thousands of expert-led courses on business, tech and creative topics.

Start My Free Month

You are now leaving Lynda.com and will be automatically redirected to LinkedIn Learning to start your free trial.