HTML的表格与框架

1、表格

基本语法

<table cellspacing="12" bgcolor="sandybrown">
			<tr>
				<td> name </td>
				<td> dep </td>
				<td> area </td>
				<td> gend </td>
			</tr>
</table>

tr表示一行，td表示一个单元格

html 表格的frame属性

 

2、表格的行分组

（1）thead表头

（2）tfoot表尾

（3）tbody表的主题部分

（4）caption标题

<table width="400" border="2" rules="groups">
			<caption>企业员工薪水表</caption>
			<thead>
				<tr>
					<td>员工编号</td>
					<td>员工岗位</td>
					<td>员工工资</td>
					<td>员工工时</td>
					<td>员工请假次数</td>
				</tr>
			</thead>
			
			<tbody>
				<tr>
					<td>#001</td>
					<td>前端工程师</td>
					<td>10k</td>
					<td>8h</td>
					<td>5次</td>
				</tr>
			</tbody>
			
			<tbody>
				<tr>
					<td>#001</td>
					<td>前端工程师</td>
					<td>10k</td>
					<td>8h</td>
					<td>5次</td>
				</tr>
			</tbody>
			
			<tbody>
				<tr>
					<td>#001</td>
					<td>前端工程师</td>
					<td>10k</td>
					<td>8h</td>
					<td>5次</td>
				</tr>
			</tbody>
			
			<tbody>
				<tr>
					<td>#001</td>
					<td>前端工程师</td>
					<td>10k</td>
					<td>8h</td>
					<td>5次</td>
				</tr>
			</tbody>
			
			<tbody>
				<tr>
					<td>#001</td>
					<td>前端工程师</td>
					<td>10k</td>
					<td>8h</td>
					<td>5次</td>
				</tr>
			</tbody>
			
			<tfoot>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td>总计</td>
					<td>10W</td>
				</tr>
			</tfoot>
		</table>

 

3、表格的列分组

标签：colgroup

 

属性：align 水平对齐方式

valign 垂直对齐方式

span 横跨的列数

width 列的组合宽度

<colgroup span="2" align="left" valign="bottom" />
<colgroup bgcolor = "blue" />

前两列是左对齐，底部对齐

第三列是蓝色。

 

4、框架

将浏览器的窗口划分为多个独立的窗格，每个窗格包含一个独立的HTML页面。

具体使用