龙空技术网

HTML5常见的基础标签(7)你所不知道的iframe和frameset

成都编程竞赛何老师 388

前言:

今天小伙伴们对“frameset在html5”大约比较重视,小伙伴们都需要知道一些“frameset在html5”的相关文章。那么小编同时在网上收集了一些关于“frameset在html5””的相关内容,希望你们能喜欢,我们一起来学习一下吧!

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/uadd.html" target="mainbox">员工添加</a></li>

<li><a href="usermanger/uedit.html" target="mainbox">员工修改</a></li>

<li><a href="usermanger/ulist.html" target="mainbox">员工查询</a></li>

</ul>

</td>

<td width="90%">

<iframe src="usermanger/welceome.html" 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/top.html" />

<frameset cols="200,*">

<frame src="usermanger/navlist.html" />

<frame src="usermanger/welceome.html" name="mainbox" />

</frameset>

</frameset>

navlist.html页面:

<!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="ulist.html" target="mainbox">员工查询</a></li>

</ul>

</body>

</html>

实例1:代码结构

实例1:界面

标签: #frameset在html5