Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook
Lesson 2: Working with tables CHAPTER 5 239 FIGURE 5-15 he rendered page with the footer containing only two cellsT The rowspan ...
240 CHAPTER 5 More HTML5 <td>2012</td> <td>BMW</td> <td>Z4</td> <td>40,000</td> ...
Lesson 2: Working with tables CHAPTER 5 241 text-align: right; } th { border: thin solid #000000; } .hidden { display: none; } . ...
242 CHAPTER 5 More HTML5 <colgroup> element, <col> elements are added for each column to be styled. The <col> ...
Practice exercises CHAPTER 5 243 ■■Use the <caption> element directly after the <table> element to specify a caption ...
244 CHAPTER 5 More HTML5 Exercise 1: Add a page layout to the calculator project In this exercise, you apply your knowledge of s ...
Practice exercises CHAPTER 5 245 The main <div> element with the calculator <div> element should look like the follo ...
246 CHAPTER 5 More HTML5 <header> <hgroup id="headerText"> <h1>Contoso Ltd.</h1> <h2>Your success ...
Practice exercises CHAPTER 5 247 After that style rule, insert another style rule that sets the , , ,, and elements to display ...
248 CHAPTER 5 More HTML5 top: 0px; left: 80px; width: 100%; margin-top: 10px; } After the headerText style rule, insert a text ...
Practice exercises CHAPTER 5 249 After the aside style rule, add a style rule for the element. Set the styles to position the ...
250 CHAPTER 5 More HTML5 body { background-color: hsl(255, 95%, 95%); font-family: Cambria,'Times New Roman' , serif; color: #00 ...
Practice exercises CHAPTER 5 251 } #container { min-width: 800px; } #calculator { border: solid; background-color: hsl(255, 100% ...
252 CHAPTER 5 More HTML5 To see your results, press F5 to start debugging the application. You should see a nicer-looking calcu ...
Practice exercises CHAPTER 5 253 Surround the inputs and buttons with a element. Remove all elements from the default.html fi ...
254 CHAPTER 5 More HTML5 <button id="btn6">6</button> </td> <td> <button id="btnMinus">-</butto ...
Practice exercises CHAPTER 5 255 <td> <button id="btnClear">C</button> </td> </tr> <tr> < ...
256 CHAPTER 5 More HTML5 Now that the default.html file is completed, modify the style sheet by opening the default.css file an ...
Suggested practice exercises CHAPTER 5 257 FIGURE 5-19 he completed calculatorT Suggested practice exercises The following addit ...
258 CHAPTER 5 More HTML5 Answers This section contains the answers to the lesson review questions in this chapter. Lesson 1 Cor ...
«
9
10
11
12
13
14
15
16
17
18
»
Free download pdf