博客列表 >html运用iframe标签与a标签制作简易后台首页

html运用iframe标签与a标签制作简易后台首页

源逸
源逸原创
2019年05月02日 20:28:09887浏览

1.iframe是个内嵌框架,嵌入在当前页面显示内容,给a标签添加target属性,iframe的name属性与a标签关联起来使用,当点击个超链接是在当前页面中iframe打开新页面

2.可以给内嵌框架设置宽高限定框架显示范围

实例

<!DOCTYPE html>
<html>
<head>
	<title>使用内嵌框架制作简易后台-2019/04/23</title>
	<meta charset="utf-8">
</head>
<body>
<h2>后台管理</h2>
<ul>
	<li><a href="form.html" target="main">后台管理</a></li>
	<li><a href="index.php" target="main">栏目管理</a></li>
	<li><a href="one.html" target="main">管理员管理</a></li>
	<li><a href="table.html" target="main">更多内容</a></li>
</ul>
<iframe width="800" height="500" frameborder="1" name="main"></iframe>
</body>
</html>
QQ图片20190502202549.png运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议