The optional Table Caption Goes Here Col 1 Header Col 1 Header Col 1 Header The Table Footer(s) Goes Here Row 1 - Column 1 Row 1 - Column 2 Row 1 - Column 3 Row 2 - Column 1 Row 2 - Column 2 Row 2 - Column 3 Row 3 - Column 1 Row 3 - Column 2 Row 3 - Column 3 Row 4 - Column 1 Row 4 - Column 2 Row 4 - Column 3 The following shows a basic html table where each of the three columns has its own header, and with the UH-defined table style applied: The optional Table Caption Goes Here Col 1 Header The optional Table Caption Goes Here The Merged Table Header Goes Here The Table Footer(s) Goes Here Row 1 - Column 1 Row 1 - Column 2 Row 1 - Column 3 Row 2 - Column 1 Row 2 - Column 2 Row 2 - Column 3 Row 3 - Column 1 Row 3 - Column 2 Row 3 - Column 3 Row 4 - Column 1 Row 4 - Column 2 Row 4 - Column 3 īasic, Three-Column Table Example Two: Each Column with its own Header The following shows a basic html table with a merged header row above three columns, and with the UH-defined table style applied: The optional Table Caption Goes Here The Merged Table Header Goes Here Basic, Three-Column Table Example One: Merged Header You should be able to include Table Headers and you may want to consider adding Table Captions and Table Footers as well.
UH expects materials on its website to be ADA compliant, so for your Table HTML you will want well-formed code and semantic markup. Phone, Data Network, Video, Work OrdersĪDA Compliance | Basic Table Example 1 | Basic Table Example 2 | Notes about HTML and Tables | Sample Table Variations | Additional HTML & Table References | See also: applying custom CSS styles to tables ADA compliance.