程序员的知识教程库

网站首页 > 教程分享 正文

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

henian88 2024-08-27 15:45:47 教程分享 7 ℃ 0 评论

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>

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表