html table下角标

HTML `<table>` 标签本身并不直接支持添加表格行的下角标。如果你想在表格中显示类似编号的数据，通常是在表格头部的第一列添加序号，然后在其他单元格里手动插入文字描述。你可以这样做：

<table border="1">
  <thead>
    <tr>
      <th>序号</th>
      <th>数据</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>数据1</td>
    </tr>
    <tr>
      <td>2</td>
      <td>数据2</td>
    </tr>
    <!-- 更多行 -->
  </tbody>
</table>

如果你需要创建数字加方括号的下角标效果，可以借助CSS伪元素和定位来实现，但这不是标准的表格标记，而是一种常见的CSS样式应用技巧。

table tr td {
  position: relative;
}

table tr td::before {
  content: attr(data-index);
  display: inline-block;
  position: absolute;
  left: -2em; /* 自定义偏移量 */
  top: 0.5em;
  background-color: #ccc;
  padding: 2px 4px;
}

然后在`<td>`元素上加上数据索引作为`data-index`属性，例如：

<td data-index="1">数据1</td>
<td data-index="2">数据2</td>