博客列表 >第四节课作业:用纯HTML制作一个网站后台模板

第四节课作业:用纯HTML制作一个网站后台模板

黄忠倚的博客
黄忠倚的博客原创
2018年03月21日 16:58:06799浏览

实例

	<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>浦北社区 - 在线商城后台管理</title>
	</head>
	<body>
		<!-- 后台分为上中下三部分,其中中间部分又分为左和右两部分 -->
		<table border="0" cellpadding="5" cellspacing="0" align="center" width="960">
		<!-- 顶部 -->
		<tr>
			<td colspan="2">
				<iframe src="http://mi-888.com/PHP/zuoye/20180320/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="http://mi-888.com/PHP/zuoye/20180320/left.html" name="left" height="600" width="140" frameborder="0" scrolling="no" align="center"></iframe>
			</td>
			<!-- 右侧内容区 -->
			<td>
				<iframe src="http://mi-888.com/PHP/zuoye/20180320/default.html" name="right" height="600" width="800" frameborder="0" scrolling="no" align="left"></iframe>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<iframe src="http://mi-888.com/PHP/zuoye/20180320/footer.html" name="footer" height="70" width="100%" frameborder="0" scrolling="no" ></iframe>
			
			</td></tr>
		</table>
	</body>
	</html>

运行实例 »

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

作业地址:http://mi-888.com/PHP/zuoye/20180320/0320-admin.html

手抄代码:

微信图片_20180321181658.jpg微信图片_20180321181705.jpg

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