Building the User Interface by Using HTML5: Organization ... - server

More documents

Recommendations

Info

66 | Lesson 3 Figure 3-12 A more advanced version of a simple table LICENSED PRODUCT NOT FOR RESALE Quarter Total Sales Goal Met? Total $18,118 Q1 $4,349 Yes Q2 $2,984 No Q3 $3,570 Yes
Building the User Interface by Using HTML5: Organization, Input, and Validation | 67 Q4 $7,215 Yes LICENSED PRODUCT NOT FOR RESALE Notice in the preceding example the use of background color for grouped columns. This is an example of inline formatting. The style attribute uses one or more CSS properties and values, separated by semicolons. For HTML color, you can use either the color name or the hexadecimal code. The hexadecimal code #EEE8AA produces the pale goldenrod color. The hexadecimal code #00FA9A produces the spring green color. An HTML standard color chart is available at http://www.w3schools.com/html/html_colornames.asp. You could also center the content in a cell, column, or column group using style="textalign:center". To string multiple properties and values in the same style attribute, use syntax similar to style="color:blue;text-align:center". CSS and its many properties are covered in Lessons 4 through 6 of this book. Table 3-3 summarizes the common elements used to build tables in HTML5. Table 3-3 Common elements used to build tables ELEMENT col colgroup caption table tbody td tfoot th thead tr DESCRIPTION Defines a table column Defines a group of columns in a table Marks text as a table caption Defines a table Defines a group of rows in a table for formatting and scrolling purposes Defines a table cell Defines a group of footer rows in a table for formatting and scrolling purposes Defines a table header cell Defines a group of heading rows in a table for formatting and scrolling purposes Defines a table row TAKE NOTE * If you’ve created tables using HTML 4 or earlier, you might be familiar with the cellpadding, cellspacing, frame, rules, summary, and/or width elements. They are deprecated and not supported in HTML5.
Page 1 and 2: Building the User Interface by Usin
Page 13: Building the User Interface by Usin

Building the User Interface by Using HTML5: Organization ... - server

Create successful ePaper yourself

Delete template?

Save as template?