Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 第四课：内联框架与实战
Blogger Information
Blog 10
fans 0
comment 0
visits 5296
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
第四课：内联框架与实战
相宇的博客
Original
503 people have browsed it

第四课 3.20_内联框架与实战

代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>中医古籍商城后台管理系统</title>
</head>
<body>
	<!-- 后台分为上下二部分,其中下部再分为左右二部分,左边显示菜单,右边是对应的内容 -->

	<table border="0" cellspacing="1" cellpadding="5" align="center" width="960">
		<!-- 顶部 -->
		<tr height=60>
			<td colspan="2">
				<iframe src="inc/top.html" name="top" height="70"  width="100%" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>

		<!-- 我是一条风骚的分隔线 -->
		<tr><td width="100%" colspan="2"><hr></td></tr>
		
		<!-- 中间主体:分左右二栏 -->
		<tr>
			<!-- 左边菜单栏 -->
			<td>
				<iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			<!-- 右边内容区 -->
			<td>
				<iframe src="inc/default.html" name="right" height="600" width="800" frameborder="0" align="left" scrolling="no"></iframe>
			</td>
		</tr>

		<!-- 我是一条风骚的分隔线 -->
		<tr><td width="100%" colspan="2"><hr></td></tr>

		<!-- 底部 -->
		<tr>
			<td colspan="2">
				<iframe src="inc/footer.html" name="footer" height="70"  width="100%" frameborder="0" align="center"></iframe>
			</td>
		</tr>
	</table>
	
	
	
</body>
</html>

运行实例 »

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

代码效果：

第四次效果.png


手写代码：

第四课：内联框架与实战.jpg

Correction status：Uncorrected

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post