Last active
November 27, 2020 15:43
-
-
Save ramsunvtech/a9792cacf442a6d971fd732f6ddfd5b9 to your computer and use it in GitHub Desktop.
HTML5 Table Structure
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Table Structure</title> | |
| <style type="text/css"> | |
| .red { | |
| background-color: red; | |
| } | |
| .yellow { | |
| background-color: yellow; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <table> | |
| <caption>Table Caption</caption> | |
| <colgroup> | |
| <col span="2" class="red"> | |
| <col class="yellow"> | |
| </colgroup> | |
| <thead> | |
| <tr> | |
| <th>Header Row 1</th> | |
| <th>Header Row 2</th> | |
| <th>Header Row 3</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>Body Row 1</td> | |
| <td>Body Row 2</td> | |
| <td>Body Row 3</td> | |
| </tr> | |
| </tbody> | |
| <tfoot> | |
| <tr> | |
| <td>Footer Row 1</td> | |
| <td>Footer Row 2</td> | |
| <td>Footer Row 3</td> | |
| </tr> | |
| </tfoot> | |
| </table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment