博客列表 >IFRAME框架的使用与布局

IFRAME框架的使用与布局

无耻的鱼
无耻的鱼原创
2018年03月20日 23:36:391191浏览

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="keywords" content="页面直接用别人的吧">
	<meta name="description" content="除了top,其他的都是PHP上的页面,哈哈!!!">
	<title>php入门直通车</title>
</head>
<body>
<table align="center" cellspacing="0" cellpadding="5" width="100%" >
	<tr>
		<td colspan="2" >
			<iframe src="http://zhangjw.top/UI/index.html" width="100%" height="70" frameborder="0" scrolling=no ></iframe>
		</td>
	</tr>
	<tr>
		<td width="300" height="450" bgcolor="#ccc" >
			<h3>学习直通车</h3>
			<dl >
				<dt><img src="http://www.php.cn/upload/system/000/000/000/5a9110857e9ea618.jpg" width="30">HTML学习</dt>
				<dd><img src="https://img.php.cn/upload/avatar/000/126/153/5aa1fa73125e7225.jpg" width="20"><a href="http://www.php.cn/course/880.html" target="book">2018前端入门_HTML5</a></dd>
				<dd><img src="https://img.php.cn/upload/avatar/000/001/120/5934cdcf40cf4432.png" width="20"><a href="http://www.php.cn/course/372.html" target="book">独孤九贱(1)_HTML5视频教程</a></dd>

				<dt><img src="http://www.php.cn/upload/system/000/000/000/5a9110d3dc066232.jpg" width="30">css学习</dt>
				<dd><img src="https://img.php.cn/upload/avatar/000/001/120/5934cdcf40cf4432.png" width="20"><a href="http://www.php.cn/course/880.html" target="book">独孤九贱(2)_CSS视频教程</a></dd>
				<dd><img src="https://img.php.cn/upload/avatar/000/000/194/591128da2963a284.jpg" width="20" alt="老师请假了"><a href="http://www.php.cn/course/399.html" target="book">css3实现网页平滑过渡效果</a></dd>

				<dt><img src="http://www.php.cn/upload/system/000/000/000/5a9111e703515423.jpg" width="30">PHP学习</dt>
				<dd><img src="https://img.php.cn/upload/avatar/000/001/120/5934cdcf40cf4432.png" width="20"><a href="http://www.php.cn/course/812.html" target="book">最新ThinkPHP 5.1全球首发</a></dd>
				<dd><img src="https://img.php.cn/upload/avatar/000/069/489/5a60660646231943.png" width="20"><a href="http://www.php.cn/course/797.html" target="book">PHP实战天龙八部之微信支付</a></dd>

				<dt><img src="http://www.php.cn/upload/system/000/000/000/5a91131de1a30486.jpg" width="30">MySql学习</dt>
				<dd><img src="https://img.php.cn/upload/avatar/000/001/120/5934cdcf40cf4432.png" width="20"><a href="http://www.php.cn/course/651.htmll" target="book">MySQLi面向过程极速入门</a></dd>
				<dd><img src="https://img.php.cn/upload/avatar/000/001/120/5934cdcf40cf4432.png" width="20"><a href="http://www.php.cn/course/653.html" target="book">MySQLi面向对象编程极速入门</a></dd>

			</dl>
		</td>
		<td bgcolor="#ccc">
			<iframe src="http://www.php.cn" width="100%" height="450" frameborder="0" scrolling=yes name="book" security="restricted" sandbox="" ></iframe>
		</td>
	</tr>
	<tr>
		<td colspan="2" align="center">
			<p>
				<a href="#">php入门直通车</a>    <a href="">© PHP版权所有</a>
			</p>
		</td>
	</tr>
</table>
</body>
</html>

运行实例 »

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

效果:

1.png


手写:

2.png





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