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用来显示边框

8.HTML表格

 

 


<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

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

8.HTML表格

 


 表格标题标签: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>

8.HTML表格

 


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

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

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

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

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

上一篇:JavaWeb10.5【JS:HTML DOM、案例动态表格改进】


下一篇:第4章光线追踪