<th>month</th> <th>savings</th>

以下是一个HTML表格，其中包括两个表头单元格和两个数据单元格： MonthSavingsJanuary$100[^1]。

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

在HTML中，`<th>`标签用于定义表头单元格，而`<td>`标签用于定义数据单元格。`<th>`标签中的文本通常以粗体字呈现，并且会居中对齐，这有助于区分表头和数据单元格。在上面的例子中，`<th>`元素定义月份和储蓄这两个列的表头，而`<td>`元素定义数据单元格的值。

相关问题

<table border="1"> <tr> <th>month</th> <th>savings</th> </tr> <tr> <td>january</td> <td>$100</td> </tr> </table>

以下是一个简单的 HTML 表格，包含两行两列：

<table border="1">
  <tr>
    <th>month</th>
    <th>savings</th>
  </tr>
  <tr>
    <td>january</td>
    <td>$100</td>
  </tr>
</table>

该表格由`<table>`标签开始，由`</table>`标签结束。`border="1"`属性设定了表格边框的宽度为1个单位。表格中，`<tr>`定义一行，`<th>`定义表头单元格，`<td>`定义数据单元格。

<div class="about interest"> <h2 class="title2">兴趣爱好</h2> <ul> <li><span class="material-icons" style="vertical-align: -6px;"> piano </span> 钢琴 </li> <li><span class="material-icons" style="vertical-align: -6px;"> code </span> 编程 </li> <li><span class="material-icons" style="vertical-align: -6px;"> nightlife </span> 唱歌 </li> <li><span class="material-icons" style="vertical-align: -6px;"> savings </span> 宠物 </li> </ul> </div>加入鼠标事件

好的，您可以在每个li标签中加入onmouseover和onmouseout属性，来实现鼠标移入移出时的效果。例如：

<div class="about interest">
  <h2 class="title2">兴趣爱好</h2>
  <ul>
    <li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
      <span class="material-icons" style="vertical-align: -6px;">piano</span>
      钢琴
    </li>
    <li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
      <span class="material-icons" style="vertical-align: -6px;">code</span>
      编程
    </li>
    <li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
      <span class="material-icons" style="vertical-align: -6px;">nightlife</span>
      唱歌
    </li>
    <li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
      <span class="material-icons" style="vertical-align: -6px;">savings</span>
      宠物
    </li>
  </ul>
</div>

在这个例子中，当鼠标移入li标签时，会将字体颜色改为红色，当鼠标移出时，又将字体颜色改回黑色。您可以根据自己的需求来修改鼠标事件的效果。