I want to design an HTML table that will showcase a color-coded broadcast schedule featuring various types of programs. For instance, on Monday at noon, we might air something in the "sports" category. The table will span 7 days horizontally and have 1 row per hour of the day. Any empty cells will remain white.
Since I'll be manually coding the table, I can utilize CSS to differentiate the table cells by category. This could be something like a High School Football Game.
Beneath the table, I plan to present the categories along with checkboxes next to them. When a user selects a checkbox, I want all cells coded with that class in the table to highlight - changing from their default non-highlighted color to a brighter shade. For example, a pale yellow might become a vibrant yellow.
The basic HTML structure would resemble this:
<table border=1>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
</tr>
<tr>
<td>11am</td>
<td></td>
<td></td>
</tr>
<td>12 noon</td>
<td>High School Football game</td>
<td></td>
</tr>
<td>1pm</td>
<td></td>
<td></td>
</tr>
</table>
<form>
<input type="checkbox">Sports</input>
</form>