HTML5: How to group the body content in a table?

Last update on August 19 2022 21:51:56 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How to group the body 
content in a table</title>
<style>
tbody {color:blue;}
table, th, td {
    border: 1px solid black;
}
</style>
</head>
<body>
<table border="1">  
<tr>   
<th>Student code </th>  
<th>% of marks </th>  
</tr>  
<tr>   
<td>S001</td>  
<td>85</td>  
</tr>  
<tr>   
<td>S002</td>  
<td>86</td>  
</tr>  
<tr>   
<td>S003</td>  
<td>72</td>  
</tr>  
<tr>   
<td>S004</td>  
<td>89</td>  
</tr>  
</table>  
</body>
</html>

Live Demo:

See the Pen tbody-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser