HTML5教程

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表格的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!