使用鼠标选择并突出显示多个HTML表格单元格

Question

作为一个完整的前端初学者，我想知道如何使用鼠标选择和突出显示HTML表格的多个单元格。主要目标是标记HTML表格的三个区域（例如红色，绿色和蓝色），代表不同的部分。

如果这些部分最初被错误地突出显示，用户可以通过单击例如单选按钮“红色”重新定义它们，然后选择应该用红色突出显示的表格上的单元格。

我的方法应该是什么？如果可能的话，我怎么能简化它？这种事情是否已存在？ 以下想法，仅适用于HTML表格：