Foundation HTML5 with CSS3

Chapter 4 Changing the Style of Ordered Lists By default, items in an ordered list are numbered with Arabic numerals (1, 2, 3, e ...

Chapter 5 Embedding Media Chapter 4 was all about adding text content to your web pages, but now it’s time to put the “multi” in ...

Chapter 5 Imagery of some sort is an important part of most websites, making them more visually stimulating and memorable. The g ...

Embedding Media VECTOR GRAPHICS In addition to bitmaps, there are also digital images whose data is stored as a set of mathemati ...

Chapter 5 Figure 5-2. The same JPEG image at three different levels of compression. The version on the far right is the smallest ...

Embedding Media Figure 5-3. A transparent GIF with a gray matte, shown on a checkerboard background for demonstration Another sp ...

Chapter 5 allowing some of the background to show through the image like a translucent overlay. You can see alpha transparency i ...

Embedding Media (00, 01, 10, and 11), thus producing four possible colors (2^2 ). Four bits expands the number of colors to 16 ( ...

Chapter 5 Listing 5-1. The simplest incarnation of the img element <img src="superhero.jpg" alt="A superhero"> Required At ...

Embedding Media Figure 5-5. Some browsers will display the alternative text if the image isn’t available An alt attribute should ...

Chapter 5 Inline images that aren’t essential content—meaning they’re just for show and may enhance other content, but aren’t in ...

Embedding Media The title attribute, on the other hand, will be displayed as a tooltip in most browsers, and that’s the more cor ...

Chapter 5 However, Figure 5-8 shows the same site as it appears in Lynx, a text-only web browser that displays the image file na ...

Embedding Media The width and height Attributes Unless instructed otherwise, browsers will display images at their natural dimen ...

Chapter 5 Older versions of HTML also included a longdesc attribute for the img element. Its value was a URL leading to a longer ...

Embedding Media patented codecs for their browsers. Other browser makers like Mozilla and Opera opt instead for open, unencumber ...

Chapter 5 Figure 5-9. Native audio controls from several browsers You’re not limited to the browser’s native controls, however. ...

Embedding Media That all seems easy enough, and it is, except for one significant problem: browsers don’t all agree on which au ...

Chapter 5 <param name="movie" value="flash/player.swf?soundFile=audio/Townsville.mp3"> <p>Download this delightful t ...

Embedding Media  autoplay: A Boolean attribute that, when present, instructs the browser to automatically begin playing the aud ...