HTML | bgcolor Attribute

The bgcolor attribute in HTML is used to set the background color of a table. It specifies the background color for an entire table or just for a specific cell or row within the table.

Syntax

The syntax for using the bgcolor attribute in a table tag is as follows:

<table bgcolor="color">
    <!-- table content goes here -->
</table>

Here, "color" specifies the desired background color for the table. It can be specified as a color name or a hexadecimal value.

To specify the background color for a specific row or cell within the table, use the bgcolor attribute within the <tr> and <td> tags, respectively. For example:

<table>
    <tr bgcolor="color">
        <td>Cell 1</td>
        <td>Cell 2</td>
    </tr>
    <tr>
        <td bgcolor="color">Cell 3</td>
        <td>Cell 4</td>
    </tr>
</table>

Here, the bgcolor attribute is used to set the background color for the first row of the table and the first cell of the second row.

Example

Below is an example code snippet showing how to set the background color of a table using the bgcolor attribute:

<table bgcolor="#ffc0cb">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
    </tr>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
        <td>Cell 3</td>
    </tr>
    <tr>
        <td>Cell 4</td>
        <td>Cell 5</td>
        <td>Cell 6</td>
    </tr>
</table>

The above code will produce a table with a background color of #ffc0cb.

Conclusion

The bgcolor attribute is a simple yet useful way to add some color to your HTML tables, whether it be for the entire table or just specific cells. Be sure to use it wisely and sparingly, though, as too much color can make a table difficult to read.