表格中的 HTML 图像

在使用 HTML 创建表格时，可以在单元格中添加图像。这可以用来显示数据，或者更好的显示内容。

基本的 HTML 表格中添加图像

要在表格中添加图像，请使用<img>元素，如下所示：

<table>
  <tr>
    <th>名称</th>
    <th>图像</th>
  </tr>
  <tr>
    <td>火车</td>
    <td><img src="train.jpg" alt="火车"></td>
  </tr>
  <tr>
    <td>汽车</td>
    <td><img src="car.jpg" alt="汽车"></td>
  </tr>
</table>

如上所述，使用<th>元素创建表头行，使用<td>元素创建正常行。每行中包含一个图像，使用<img>元素，并指定图像的源文件路径和替代文本。

调整图像大小

<img>元素有两个属性可以用来调整图像的大小：width和height。例如：

<td><img src="train.jpg" alt="火车" width="100" height="100"></td>

意外替代文本

如果图像无法加载，则alt属性指定替代文本。例如：

<td><img src="train.jpg" alt="无法加载火车的图像"></td>

请注意，alt属性的值对于访问性非常重要。对于视力受损的用户和使用屏幕阅读器的用户，这可以提供有关图像的重要信息。

结论

表格中的图像可以帮助向用户传达重要信息，同时也使页面更具吸引力。通过<img>元素和相应的属性，可以轻松地添加图像到 HTML 表格中。