Table Backgrounds

Table of Contents

You can set the table background using one of the following two ways.

bgcolor attribute –By Using this attribute to set background color for the whole table or just for one cell.
background attribute – By Using this attribute to set a background image for the whole table or just for one cell.

Example of Table Background color

<!DOCTYPE>
<html>
<body>
<table border="1" bgcolor="yellow">
<tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>
<tr><td>Ram</td><td>singh</td><td>60</td></tr>
<tr><td>sonu</td><td>singh</td><td>80</td></tr>
<tr><td>Rakesh</td><td>Rajpoot</td><td>82</td></tr>
<tr><td>Amit</td><td>singh</td><td>72</td></tr>
</table>
</body>
</html>

Output

First_Name	Last_Name	Marks
Ram	singh	60
sonu	singh	80
Rakesh	Rajpoot	82
Amit	singh	72

First Program in HTML

<!DOCTYPE>
<html>
<body>
<table border="1" backgroud="https://nielitbhu.com/wp-content/uploads/2022/01/26-jan.jpg">
<tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>
<tr><td>Ram</td><td>singh</td><td>60</td></tr>
<tr><td>sonu</td><td>singh</td><td>80</td></tr>
<tr><td>Rakesh</td><td>Rajpoot</td><td>82</td></tr>
<tr><td>Amit</td><td>singh</td><td>72</td></tr>
</table>
</body>
</html>

Output

First_Name	Last_Name	Marks
Ram	singh	60
sonu	singh	80
Rakesh	Rajpoot	82
Amit	singh	72

Table Caption

The caption tag will use as a title orthe explanation for the table .
The table caption is shows up at the top of the table.

Example of Table Caption

<!DOCTYPE>
<html>
<body>
<table border="1">
<caption>Student Records<caption>
<tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>
<tr><td>Ram</td><td>singh</td><td>60</td></tr>
<tr><td>sonu</td><td>singh</td><td>80</td></tr>
<tr><td>Rakesh</td><td>Rajpoot</td><td>82</td></tr>
<tr><td>Amit</td><td>singh</td><td>72</td></tr>
</table>
</body>
</html>