Foundation HTML5 with CSS3

Linking the Web Listing 6-23. CSS for styling the focus state of an anchor element a:link { color: #cc0000; font-weight: bold; t ...

Chapter 6 a:hover { color: #cccc00; } a:focus { outline: 1px dashed #cc0000; } a:active { color: #0000cc; } Figure 6-8 shows tha ...

Linking the Web Listing 6-25. An anchor element Back to the Power Outfitters homepage Listing 6-26. An anchor element styled usi ...

Chapter 6 First, we’ve taken a shortcut in this example by using the a selector instead of declaring separate a:link and a:visit ...

Linking the Web Styling Image Maps Unfortunately, there exists no easy or consistent way of styling either the map or area eleme ...

Chapter 7 Building Tables In Chapter 4, you learned how to mark up all kinds of content: headings, paragraphs, lists, and more. ...

Chapter 7 HTML was both the victor and the victim of this war. In some sense, the Web greatly benefited from the rapid developme ...

Building Tables Required Attributes There are no required attributes for the table element. Optional Attributes In addition to t ...

Chapter 7 Throughout this chapter, we’ll make mention of rules regarding tag omissions you can take advantage of when coding tab ...

Building Tables The td element must be a child of a tr element and must have a start tag. The end tag, though, is optional, and ...

Chapter 7 Figure 7-1. Browser output of a table with a cell spanning two columns As you can see, the first row contains a single ...

Building Tables Figure 7-2. Browser output of a table with a cell spanning two rows th Any well-crafted spreadsheet, in addition ...

Chapter 7 Listing 7-9. Note that the first table cell in each row is now a table heading <table> <tr> <th>Prod ...

Building Tables  colspan: a positive integer indicating the number of adjacent columns to be spanned by the table heading.  ro ...

Chapter 7 Listing 7-11. A table demonstrating usage of the scope attribute’s row value <table> <tr> <th scope="co ...

Building Tables </tr> </thead> <tr> <th scope="row">Utility Belts</th> <td>9</td> < ...

Chapter 7 tbody The tbody element, also known as a table row group, represents one or more rows that make up the body of data of ...

Building Tables 217 <td>27</td> </tr> <tr> <th scope="row">Smoke Pellets</th> <td>623& ...

Chapter 7 Listing 7-15. A table demonstrating usage of the tfoot element Product Quantity Utility Belts 9 Grappling Hoo ...

Building Tables After any caption, colgroup, and thead elements but before any tbody or tr elements, or After any caption, colg ...