Blogger Information
Blog 27
fans 2
comment 1
visits 13405
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3月20日作业
kaclod的博客
Original
596 people have browsed it

主程序:

实例

<!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="inc/tops.html"  name="top" frameborder="0" height="70" width="100%" align="center" scrolling="no"></iframe> -->

				<iframe src="inc/tops.html" name="top" height="80"  width="100%" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			
		</tr>

		<tr>
			<td colspan="2"><p><hr></p></td>
		</tr>
		<tr>

		<tr>
			<td >
				<iframe src="inc/left.html" name="left" frameborder="0" height=600 width="140" scrolling="no"></iframe>
			</td>

			<td >
				<iframe src="inc/right.html" name="right" frameborder="0" height="600" width="800" scrolling="no"></iframe >
			</td>
		</tr>

		<tr>
			<td colspan="2"><p><hr></p></td>
		</tr>
		<tr>
			<td colspan="2">
				<iframe src="inc/bottom.html" name="bottom" frameborder="0" height="70" width="100%" align="center"></iframe>
			</td>
		</tr>
	</table>
	
</body>
</html>

运行实例 »

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


bottom程序:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p align="center">
		<a href="">聚客在线(www.gicater.com)在线商城</a>  ©版权所有  
		<a href="">备案号:粤ICP-*******</a>
	</p>

	
</body>
</html>

运行实例 »

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

left:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h4><img src="../images/user.jpg" alt="用户管理" width="30">用户管理</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="user.html" target="right">用户查询</a></li>
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="" target="right">分类管理</a></li>
	</ul>
	<hr>

	<h4><img src="../images/user.jpg" alt="库存管理" width="30">库存管理</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="" target="right">剩余库存</a></li>
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="" target="right">分类管理</a></li>
	</ul>
	<hr>

	<h4><img src="../images/user.jpg" alt="订单管理" width="30">订单管理</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="" target="right">订单查询</a></li>
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="" target="right">分类统计</a></li>
	</ul>
	<hr>

	<h4><img src="../images/user.jpg" alt="系统设置" width="30">系统设置</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="" target="right">基本设置</a></li>
		<li><img src="../images/file.jpg" alt="文件" width="20"><a href="" target="right">高级设置</a></li>
	</ul>
	<hr>
	
</body>
</html>

运行实例 »

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

user:

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第二天作业</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="20" width="80%" align="center">
<caption><h3>品牌手机价格表</h3></caption>
<tr bgcolor="skyblue">
<th colspan="2">基本信息</th>
<th colspan="3">参数</th>
<th colspan="2" rowspan="2">操作</th>
</tr>



<tr bgcolor="skyblue" >
<th>ID</th>>
<th>品牌</th>
<th>屏幕尺寸</th>
<th>存储容量</th>
<th>`价格</th>

</tr>

<tr >
<td>1</td>
<td><img src="images/apple.jpg " width="30">苹果7</td>
<td>4.7</td>
<td>128G</td>
<td>4558</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>

</tr>

<tr>
<td>2</td>
<td><img src="images/xiaomi.jpg " width="30">小米6</td>
<td>5.15</td>
<td>128G</td>
<td>3069</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>

<tr>
<td>3</td>
<td><img src="images/huawei.jpg " width="30">华为mate10</td>
<td>5.9</td>
<td>128G</td>
<td>4499</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>

<tr>
<td>4</td>
<td><img src="images/oppo.jpg " width="30">oppor11</td>
<td>5.0</td>
<td>64G</td>
<td>3299</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>

<tr>
<td>5</td>
<td><img src="images/sanxing.jpg " width="30">三星s8</td>
<td>5.6</td>
<td>64G</td>
<td>4999</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
</table>
<p>
<a href="">首页</a>
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">...</a>
<a href="">下一页</a>
<a href="">尾页</a>
</p>


</body>
</html>

运行实例 »

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

tops:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table>
		<tr>
			<td><img src="../images/logo.jpg" alt="logo" width="80%"></td>
			<td width="600" ><h2 align="left" >聚客库存系统</h2></td>
			<td align="right" ><p><a href="">admin</a>  <a href="">退出</a></p></td>
		</tr>
	</table>
	
</body>
</html>

运行实例 »

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

right:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table border="1" cellpadding="5" cellspacing="0" align="center" width="500">
		<caption><h3>系统配置表格</h3></caption>
		<tr>
			<th  bgcolor="skyblue">服务器</th>
			<td>linux</td>
		</tr>
		<tr>
			<th  bgcolor="skyblue">php版本</th>
			<td>php5.5+</td>
		</tr>

		<tr>
			<th  bgcolor="skyblue">数据库</th>
			<td>mysql 5.7</td>
		</tr>

		<tr>
			<th  bgcolor="skyblue">磁盘可用空间</th>
			<td>500g</tdh
		</tr>

		<tr>
			<th  bgcolor="skyblue">扩展容量</th>
			<td>8g</td>
		</tr>
	</table>

	<table border="0" cellpadding="5" cellspacing="0" align="center" width="500">
		<tr><td><img src="../images/timg.jpeg" alt="" width="420"></td></tr>
	</table>

	
	
</body>
</html>

运行实例 »

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

5.JPG6.JPGQQ图片20180321171216.pngQQ截图20180321173507.png

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
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!