Chapter 3

Working with Images, Video, and other Media

IN THIS CHAPTER

Bullet Sprucing up your pages with images

Bullet Learning the semantic image elements

Bullet Livening up your pages with videos

Bullet Adding audio files to your page

Telling stories with visuals is an ancient art. We've been drawing pictures on cave walls for centuries. It's like what they say about the perfect picture book. The art and the text stand alone, but together, they create something even better.

— DEBORAH WILES

If you ever come across a very old web page — I’m talking about pages from the late 1990s and very early 2000s — chances are that page is a sea of text, with perhaps the odd island of a heading to rest your tired, swimming eyes. The lesson from those old pages is clear: A page that consists of nothing but text is not only an eyesore but also the cause of sore eyes.

To be clear, I’m not saying that having a boatload of text on a page is necessarily a bad thing. The real problem with those old pages is that they combine tons of text with poor typography, including ugly fonts, too-small text, busy backgrounds, and poor spacing. ...

Get HTML, CSS, & JavaScript All-in-One For Dummies now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.