博客列表 >iframe标签及属性的运用

iframe标签及属性的运用

谦谦允水的博客
谦谦允水的博客原创
2018年03月20日 22:27:50689浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>320iframe</title>
</head>
<style>
	*{font-family: 微软雅黑;}
</style>
<body>
	<table style="margin:0 auto;border:1px solid #fff" class="tab" border="0" cellspacing="0" width="900" height="600">
		<tr style="height:50px;width:100%; background:#000;color:#fff">
			<td width="50"><img src="http://www.php.cn/tpl/Index/Static/css/img/common/logo.png?t=1" alt="" ></td>
			<td width="600">在线商城管理系统</td>
			<td><a href="">admin</a> <a href="">退出</a></td>
		</tr>
		<tr>
			<td colspan="3"><hr></td>
		</tr>
		<tr>
			<td style="padding-top:-100px;" width="160" height="400">
				<h4>菜单一</h4>
				<ul type="none">
					<li><a href="https://pengli520.github.io/3.15.html" target="data">3.15</a></li>
					<li><a href="http://www.jd.com" target="data">京东</a></li>
				</ul>
				<h4>菜单二</h4>
				<ul type="none">
					<li><a href="https://pengli520.github.io/pl.html" target="data">table</a></li>
					<li><a href="">数据二</a></li>
				</ul>
				<h4>菜单三</h4>
				<ul type="none">
					<li><a href="">数据一</a></li>
					<li><a href="">数据二</a></li>
				</ul>								
			</td>
			<td colspan="2" width="700" height="400">
				<iframe   src="https://pengli520.github.io/pl.html" width="700" height="350" name="data" scrolling="no" frameborder="0"></iframe>
			</td>
		</tr>
		<tr style="background:#622;color:#fff">
			<td colspan="3" align="center"><p>PHP中文网:独家原创,永久免费的在线php视频教程,php技术学习阵地!</p><p>Copyright 2014-2017 http://www.php.cn/ All Rights Reserved | 皖B2-20150071-9免责申明广告服务联系我们赞助与捐赠</p></td>	
		</tr>

	</table>
</body>
</html>

运行实例 »

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

IMG20180320210107.jpg

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