Explore the many ways to present graphics on web pages. Discover how to make your graphics accessible, reliably placed, and a smooth fit for a variety of different screens.
- [J. David] We can't imagine a web without images. But the very first version of HTML in 1992 didn't include images at all. HTML version two had support for basic images and its been onward and upward ever since. Hi, I'm David Eisenberg and Welcome to HTML Images and Figures. This course will start with the fundamentals of putting an image on the webpage. You'll learn about different image formats available to you. How to use styles to position images. And do special effects such as rotation. We'll also explore using the principles of responsive design to make sure your image looks great.
No matter what kind of device its viewed on. The best thing about learning these techniques is being able to get images and text to work together perfectly so your webpage looks exactly the way you want. Now, let's get started learning HTML Images and Figures.
AuthorJ. David Eisenberg
- Using the img element
- Resizing images
- Obtaining images for your website
- Image formats and when to use them
- Styling images with CSS
- Adjusting borders, margins, and padding
- Adding background images
- Testing screen resolutions
- Autonumbering figures with CSS
Skill Level Intermediate
Design the Web: Responsive SVG Imageswith Chris Converse22m 46s Beginner
1. Image Essentials
2. Image Formats
3. Images and CSS
4. Responsive Images
Next steps1m 19s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.