Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook
Lesson 1: Thinking HTML5 semantics CHAPTER 5 219 Working with figures A figure is a unit of content that might have a caption an ...
220 CHAPTER 5 More HTML5 sandwich has been a staple food of many American families due to its health benefits, its cost, and its ...
Lesson 1: Thinking HTML5 semantics CHAPTER 5 221 Use the <ruby> element to place a notation above or to the right of chara ...
222 CHAPTER 5 More HTML5 you still set the start as a number. The following is an example of the type and start attributes, usin ...
Lesson 1: Thinking HTML5 semantics CHAPTER 5 223 FIGURE 5-7 he unordered list rendering each list item as a bulletT Description ...
224 CHAPTER 5 More HTML5 FIGURE 5-8 he definition list with its terms and definitionsT Custom lists You can create custom lists ...
Lesson 1: Thinking HTML5 semantics CHAPTER 5 225 </ul> </li> <li>Boats <ul class="level2"> <li>Sea ...
226 CHAPTER 5 More HTML5 After the selector is added, you can right-click the style rule and choose Build Style to dis- play a m ...
Lesson 1: Thinking HTML5 semantics CHAPTER 5 227 ul.level1 > li:before { counter-increment: section; content: "Section " coun ...
228 CHAPTER 5 More HTML5 FIGURE 5-11 he rendered custom listT Lesson summary ■■Semantic markup provides meaning to HTML elements ...
Lesson 2: Working with tables CHAPTER 5 229 Lesson review Answer the following questions to test your knowledge of the informati ...
230 CHAPTER 5 More HTML5 Table misuse HTML tables are powerful and, due to their flexibility, they are often misused. It’s impor ...
Lesson 2: Working with tables CHAPTER 5 231 Figure 5-12 shows the rendered output as four rows with three columns in each row. I ...
232 CHAPTER 5 More HTML5 <td> Mazda</td> <td>Miata</td> </tr> </table> The rendered table is ...
Lesson 2: Working with tables CHAPTER 5 233 Declaring the header, footer, and table body Most browsers automatically wrap all &l ...
234 CHAPTER 5 More HTML5 <tr> <th>Total:</th> <th></th> <th></th> <th></th> ...
Lesson 2: Working with tables CHAPTER 5 235 FIGURE 5-14 he styled tableT Although you can have a maximum of one <thead> el ...
236 CHAPTER 5 More HTML5 <td>Chevrolet</td> <td>Impala</td> <td>3,000</td> </tr> </ ...
Lesson 2: Working with tables CHAPTER 5 237 } tfoot th { background-color: #C2FE9A; } tfoot th:last-of-type { text-align: right; ...
238 CHAPTER 5 More HTML5 Creating irregular tables Tables need to be rectangular to work properly, but you’ll often need to pres ...
«
8
9
10
11
12
13
14
15
16
17
»
Free download pdf