HTML的表格

关于HTML的表格

在HTML中表格一般是用来展示数据的，表格也是一种经常要用到的标签

• 表格的最基本框架

表格的最基本框架由三部分组成

• 表格框
• 行
• 单元格

---

在HTML中没有列的概率，表格是由多行中的单元格组成。而在行中定义了几个单元格就意味着这个表格由几列。 首先先认识最基本的标签

• <table></table>定义一个框架
• <tr></tr>定义一行
• <th></th>定义表头单元格
• <td></td>定义普通单元格
• <caption></caption>定以表格的主题

编写如下：

<table>
<caption>
</caption>
	<tr>
		<th>
		</th>
		<th>
		</th>
	</tr>
	<tr>
		<td>
		</td>
		<td>
		</td>
	</tr>
</table>

这样编写后就有了一个两行两列的表格了
但他与我们传统认知中的表格不同，它有形却没有线，和我们平时看到的表格有所区别

---

在基本标签外，表格还有很多的属性标签

• <border>定义表格的边框像素（默认为0）
• <cellspacing>定义单元格与单元格边框的距离
• <cellpadding>定义单元格和单元格内容的距离
• <width>定义表格的宽度
• <heigut>定义表格的高度
• <align>定义表格的对齐方式（left左,cente中r,right右）

这些都是对表格进行调整的属性，都编写在<table>中。

---

在我们编写表格时，有时难免遇到需要将单元格合并的情况。

• rowspan跨行合并
• colspan跨列合并

合并单元格遵循从左到右，从上到下的规则。在找到需要进行合并的单元格，要合并几个就写几个，在合并后需要把多的单元格删除。
如我跨列合并三个单元格<td colspan="3" ></td>，这样合并后往下的两行应该各删减掉一个单元格。

---

以上就是关于列表的总结了。