Skip to content

Instantly share code, notes, and snippets.

@ramsunvtech

ramsunvtech/html-table.html

Last active November 27, 2020 15:43
Show Gist options
  • Save ramsunvtech/a9792cacf442a6d971fd732f6ddfd5b9 to your computer and use it in GitHub Desktop.
Save ramsunvtech/a9792cacf442a6d971fd732f6ddfd5b9 to your computer and use it in GitHub Desktop.
Download ZIP
HTML5 Table Structure
Raw
html-table.html
<!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