gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Proper table formating with <thead> and <tbody> (#21605)

Browse Source 
* Proper table formating with <thead> and <tbody>

* Edit table headers and fix indentation
This commit is contained in:
Tansica Sun
2018-11-18 14:15:12 -08:00
committed by Huyen Nguyen
parent b92b49efb6
commit f48810ca93
1 changed files with 48 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
guide/english/html/elements/table-tag/index.md
View File

@ -8,27 +8,59 @@ The `<table>` tag allows you to display a table on your webpage.
### Example ### Example
```html ```html
<table> <table>
<tr> <thead>
<td>Row 1, Cell 1</td> <tr>
<td>Row 1, Cell 2</td> <th>Full Name</th>
</tr> <th>Job Role</th>
<tr> <th>Location</th>
<td>Row 2, Cell 1</td> </tr>
<td>Row 2, Cell 2</td> </thead>
</tr> <tbody>
<tr>
<td>Sherlock Holmes</td>
<td>Detective</td>
<td>London</td>
</tr>
<tr>
<td>Harry Potter</td>
<td>Wizard</td>
<td>Godric's Hollow</td>
</tr>
<tr>
<td>Winnie the Pooh</td>
<td>Honey Taster</td>
<td>Five Hundred Acre Wood</td>
</tr>
</tbody>
</table> </table>
``` ```
This code block would produce the following output: This code block would produce the following output:
<table> <table>
<tr> <thead>
<td>Row 1, Cell 1</td> <tr>
<td>Row 1, Cell 2</td> <th>Full Name</th>
</tr> <th>Job Role</th>
<tr> <th>Location</th>
<td>Row 2, Cell 1</td> </tr>
<td>Row 2, Cell 2</td> </thead>
</tr> <tbody>
<tr>
<td>Sherlock Holmes</td>
<td>Detective</td>
<td>London</td>
</tr>
<tr>
<td>Harry Potter</td>
<td>Wizard</td>
<td>Godric's Hollow</td>
</tr>
<tr>
<td>Winnie the Pooh</td>
<td>Honey Taster</td>
<td>Five Hundred Acre Wood</td>
</tr>
</tbody>
</table> </table>