1.活动框架 iframe
1. 活动框架iframe,这个框架可以内联或包含另外一个网页文档
语法结构:<iframe></iframe>
实例:
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr height="100"><td colspan="2">高新区软件园C区食堂管理系统</td></tr>
<tr height="600">
<td width="15%">
<ul>
<li><a href="usermanger; target="mainbox">员工添加</a></li>
<li><a href="usermanger; target="mainbox">员工修改</a></li>
<li><a href="usermanger; target="mainbox">员工查询</a></li>
</ul>
</td>
<td width="90%">
<iframe src="usermanger; name="mainbox" width="100%" height="600">
你的浏览器不支持,请升级或更新浏览器
</iframe>
</td>
</tr>
</table>
常用属性:
frameborder:是否显示框架的边框 0:不显示,1:显示
Scrolling:是否显示滚动条
Yes:显示
No:不显示
Auto:自动处理
2. 框架集 frameset
<frameset ></frameset>
属性rows表示分成几行,一般用“,”隔开。
属性cols表示分成几列,一般用“,”隔开。
使用fameset标签,不再需要body元素
主框架页面:
<frameset rows="15%,85%">
<frame src="usermanger; />
<frameset cols="200,*">
<frame src="usermanger; />
<frame src="usermanger; name="mainbox" />
</frameset>
</frameset>
navli页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li><a href="uadd.html" target="mainbox">员工添加</a></li>
<li><a href="uedit.html" target="mainbox">员工修改</a></li>
<li><a href="uli" target="mainbox">员工查询</a></li>
</ul>
</body>
</html>
实例1:代码结构
实例1:界面