1. HTML B OOT C AMP Chapter 10 Tables Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved

2. The Tag Description: Defines a table. Example:... 2

3. The Tag Description: Defines a table row. Example:... 3

4. The Table Header Tag Description: Defines a table header cell. Example: Color Hex 4 Chapter 10 > Table Header Tag

5. The Table Data Tag Description: Defines a table data cell. Example: Red #ff0000 5 Chapter 10 > Table Data Tag

6. The Tag Description: Groups table head elements. Example: Month Income 6

7. The Tag Description: Groups table body elements. Example: January $200 7

8. The Tag Description: Groups table footer elements. Example: Total $500 8

9. Simple Tag Example Color Hex Red #FF0000 9 Chapter 10 > Simple Table Example

10. Simple Tag with CSS table { border-collapse: collapse; } table, td, th { border: 1px solid black; } Color Hex Red #FF0000 10 Chapter 10 > Simple Table with CSS

11. Complete Tag Example Month Income January $200 Total $500 11 Chapter 10 > Complete Table

12. Tag Attributes Description: Defines table characteristics. 12 AttributeDescriptionHTML5 align Cell align: left, right, center No bgcolor Background colorNo background Background imageNo border Border thickness (default 0)No cellspacing Spacing between cellsNo cellpadding Spacing around cell contentNo valign Vertical align: top, bottom, middle, baseline No

13. More Tag Attributes Description: Defines table characteristics. 13 AttributeDescriptionHTML5 colspan Number of columns cell should span Yes rowspan Number of rows cell should span Yes height Height of a cellNo width Width of a cellNo nowap Specify cell content should not wrap No

14. Tag with “rowspan” Shades of Violet Violet #EE82EE BlueViolet #8A2BE2 DarkViolet #9400D3 14 Chapter 10 > Table Rowspan

15. Tag with “colspan” <tr style="color: #ffffff" bgcolor="#666666"> Shades of Purple Color Name Hex Purple #A020F0 15 Chapter 10 > Table Colspan