html_标签三
1. 表格
语法:
<table>
<tr>
<th>姓名</th>
<th>性别</th>
</tr>
<tr>
<td>小明</td>
<td>男</td>
</tr>
</table>
<tr>定义表格行,<th>定义表头,<td>定义表格列
占两列:colspan=”2”
占两行:rowspan=”2”
Thead\tbody\tfoot
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</tbody>
</table>
</body>
注释:<thead> 内部必须拥有 <tr> 标签!
注释:<thead>、<tbody> 以及 <tfoot> 很少被使用,这是因为糟糕的浏览器支持。
浏览器支持
<thead> 标签仅得到所有主流浏览器的部分支持。
2. 框架
Frameset标签为框架标签,其和body平级,即使用frameset标签时不能使用body标签。
l 上下结构使用rows属性
l 左右结构使用cols属性
l 不充许改变比例,在frame标签中使用noresize属性
l Src属性指定框架内容
<frameset rows="20%,*">
<frame src="top.html" noresize/>
<frameset cols="20%,*">
<frame src="left.html"/>
<frame src="right.html"/>
</frameset>
</frameset>
注:真正做项目时不使用frameset框架,因为搜索引擎不能收录frame和iframe中的内容。真实项目中使用div+css做。
3. 导航
在框架的基础上添加导航功能:
因为左侧是导航,右侧页面需要动态的切换,因此右侧页面需要有个名字用于定位。
1. 给右侧页面所在位置起一个名字:
2. 左侧页面添加导航标签,指定target属性