博客列表 >320内联框架学习及在线商城实战初步-2018年3月29日15时20分-补作业

320内联框架学习及在线商城实战初步-2018年3月29日15时20分-补作业

huang2018的博客
huang2018的博客原创
2018年03月29日 16:32:47683浏览

1、用内联框架初步开发在线商城管理系统。核心:把<iframe name="框架页面名称">与<a href="" target="框架页面名称">结合使用在框架中打开指定页面。

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商城后台管理系统</title>
</head>
<body>
	<table border="0" cellpadding="5" cellspacing="0" align="center" width="960px">
		<!-- 头部 -->
		<tr>
			<td colspan="2">
				<iframe src="inc/top.html" name="top" height="70" width="100%" frameborder="0" scrolling="no"></iframe>
			</td>
		</tr>
		<tr><td colspan="2" width="100%"><hr></td></tr>
		<!-- 主内容区 -->
		<tr>
			<!-- 左侧 -->
			<td>
				<iframe src="inc/left.html" name="left" height="600px" width="140px" frameborder="0" scrolling="no" align="center" ></iframe>
			</td>
			<!-- 右侧内容区 -->
			<td>
				<iframe src="inc/default.html" name="right" height="600px" width="800px" frameborder="0" scrolling="no" align="left" ></iframe>
			</td>
		</tr>
		<tr><td colspan="2" width="100%"><hr></td></tr>
		<!-- 底部 -->
		<tr>
			<td colspan="2">
				<iframe src="inc/footer.html" name="footer" height="70" width="100%" frameborder="0" scrolling="no"></iframe>
			</td>
		</tr>
	</table>
</body>
</html>
运行实例 »

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

2、运行结果:

1522312285541759.jpg1522312312866936.jpg1522312334858030.jpg1522312354770485.jpg

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