Create Table - Header in Rows and columns
<center>
<html>
<head>
<title>Headers in Rows and Columns</title>
</head>
<body>
<table border=2 bordercolor=red bgcolor=lightyellow align=center cellpadding="5px" cellspacing="5px">
<tr>
<th bgcolor="lightpink" >Fruit</th>
<td bgcolor="lightpink">Quantity</td>
<td bgcolor="lightpink">Price</td>
</tr>
<tr>
<th bgcolor="lightblue" >Apple</th>
<td>810</td>
<td>70</td>
</tr>
<tr >
<th bgcolor="lightblue">Banana</th>
<td>580</td>
<td>82</td>
</tr>
<tr>
<th bgcolor="lightblue">Orange</th>
<td>330</td>
<td>95</td>
</tr>
<tr>
<th bgcolor="lightblue">Grapes</th>
<td>790</td>
<td>95</td>
</tr>
<tr >
<th bgcolor="lightblue">Papaya</th>
<td>888</td>
<td >90</td>
</tr>
</table>
</body>
</html>
</center>
Fruit | Quantity | Price |
---|---|---|
Apple | 810 | 70 |
Banana | 580 | 82 |
Orange | 330 | 95 |
Grapes | 790 | 95 |
Papaya | 888 | 90 |