答案:HTML中通过table、tr、td、th标签创建表格,结合CSS设置边框、合并单元格及布局样式。1. 使用table定义表格,tr定义行,th和td定义表头与数据单元格;2. 用style添加border、padding等样式,推荐border-collapse合并边框;3. 利用colspan和rowspan实现跨列跨行合并;4. 通过width、text-align等属性优化布局,提升可读性与美观度。

在HTM(通常指HTML)中设置表格,主要通过使用 table 标签及相关元素来实现。表格常用于展示结构化数据,如课程表、价格列表等。下面介绍创建和设置表格的基本方法。
1. 基本表格结构
使用以下标签构建一个简单的表格:
- <table>:定义整个表格
- <tr>:定义表格中的行(table row)
- <td>:定义单元格内容(table data)
- <th>:定义表头单元格,文字默认加粗居中
示例代码:
<table><tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
2. 设置表格边框
通过CSS设置边框更推荐,可在 style 属性中添加:
<table style="border: 1px solid black; border-collapse: collapse;"><tr>
<th style="border: 1px solid black; padding: 5px;">标题</th>
</tr>
<td style="border: 1px solid black; padding: 5px;">内容</td>
</table>
border-collapse: collapse 可使相邻边框合并为一条线,看起来更整洁。
3. 合并单元格
有时需要跨行或跨列显示内容:
- colspan="n":横向合并 n 个单元格
- rowspan="n":纵向合并 n 个单元格
示例:合并两列的表头
<tr><th colspan="2">个人信息</th>
</tr>
4. 添加样式与布局优化
建议使用内联 style 或外部CSS控制外观,提升可维护性:
- 用 padding 增加单元格内边距
- 用 text-align 控制文字对齐方式
- 用 width 设置表格宽度
例如:
<table style="width: 100%; text-align: center;"> 基本上就这些。掌握这些基础标签和样式设置,就能在HTML中灵活创建清晰美观的表格。










