8.HTML表格

本文主要是介绍8.HTML表格，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<table border="1">
	<tr>
		<td>单元格里的内容1</td>
		<td>单元格里的内容2</td>
	</tr>
	<tr>
		<td>单元格里的内容3</td>
		<td>单元格里的内容4</td>
	</tr>
	<tr>
		<td>单元格里的内容5</td>
		<td>单元格里的内容6</td>
	</tr>
</table>

table标签用于创建表格

tr标签在表格内创建行

td标签在行内创建单元格

默认轮廓为0，所以给border属性设置1用来显示边框

<table border="1">
	<tr>
		<td colspan="2">单元格里的内容</td>
	</tr>
	<tr>
		<td rowspan="2">单元格里的内容</td>
		<td>单元格里的内容</td>
	</tr>
	<tr>
		<td>单元格里的内容</td>
	</tr>
</table>

colspan表示列数跨2列，所以同列里少一个td

rowspan表示行数跨2行，所以同行里少也一个td

便于理解，注意上图与下图的不同

 表格标题标签：caption

表格表头标签：th

<table border="1">
	<caption>标题</caption>
	<tr>
		<th colspan="2">单元格里的内容1</th>
	</tr>
	<tr>
		<td rowspan="2">单元格里的内容3</td>
		<td>单元格里的内容4</td>
	</tr>
	<tr>
		<td>单元格里的内容6</td>
	</tr>
</table>

 表格分组标签：thead、tbody、tfoot

分别表示头部、主体和页脚部分

其他属性包括width宽度，height高度，border边框，alight排列方式

还有bgcolor背景颜色，background背景(传入URL地址)

以及cellspacing单元格间距和cellpadding单元格填充

这篇关于8.HTML表格的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！