博客列表 >3.16日作业(代码和手写)

3.16日作业(代码和手写)

SMI的博客
SMI的博客原创
2018年03月20日 09:21:51618浏览

3.16课后作业如下: 

代码:

实例

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>3.16作业-表格的制作</title>
</head>
<body>
	
	<table border="1" cellspacing="0" align="center" width="60%" cellpadding="5px" background="images/3.jpg" bordercolor="brown">
	<caption><h3>超市物品信息管理系统</h3></caption>
	<colgroup span="1" bgcolor="yellow"></colgroup>
	<colgroup></colgroup>
	<colgroup></colgroup>
	<colgroup span="2" bgcolor="lightgreen">
		<col>
	<col bgcolor="red">
	</colgroup>
	<tr>
	<th>序号</th>
	<th>名称</th>
	<th>照片</th>
	<th>成本</th>
	<th>售价</th>
	<th>库存</th>
	<th>分类</th>
	<th>编辑</th>
	<th>删除</th>
	<th>添加</th>
	</tr>
	
	<tr align="center">
	
	<td>1</td>
	<td>肥皂</td>
	<td><img src="images/11.jpg" width="35"></td>
	<td>2.5</td>
	<td>3.8</td>
	<td>200</td>
	<td rowspan="2">洗涤</td>
	<td><a href="">编辑</a></td>
	<td><a href="">删除</a></td>
	<td><a href="">添加</a></td>
	
	</tr>
	
		<tr align="center">
	
	<td>2</td>
	<td>洗衣粉</td>
	<td><img src="images/12.jpg" width="35"></td>
	<td>4.5</td>
	<td>6.0</td>
	<td>58</td>
	<td><a href="">编辑</a></td>
	<td><a href="">删除</a></td>
	<td><a href="">添加</a></td>
	</tr>
	
		<tr align="center">
	
	<td>3</td>
	<td>旺旺雪饼</td>
	<td><img src="images/13.jpg" width="35"></td>
	<td>5</td>
	<td>6.5</td>
	<td>356</td>
	<td rowspan="2">零食</td>
	<td><a href="">编辑</a></td>
	<td><a href="">删除</a></td>
	<td><a href="">添加</a></td>
	</tr>	
	
		<tr align="center">
	
	<td>4</td>
	<td>卫龙辣条</td>
	<td><img src="images/14.jpg" width="35"></td>
	<td>3.5</td>
	<td>4.8</td>
	<td>666</td>
	<td><a href="">编辑</a></td>
	<td><a href="">删除</a></td>
	<td><a href="">添加</a></td>
	</tr>		
	
		<tr align="center">
	
	<td>5</td>
	<td>景田百岁山</td>
	<td><img src="images/15.jpg" width="35"></td>
	<td>2.3</td>
	<td>3</td>
	<td>850</td>
	<td rowspan="2">饮料</td>
	<td><a href="">编辑</a></td>
	<td><a href="">删除</a></td>
	<td><a href="">添加</a></td>
	</tr>		
	
		<tr align="center">
	
	<td>6</td>
	<td>雪碧250ml</td>
	<td><img src="images/16.jpg" width="35"></td>
	<td>1.8</td>
	<td>2.5</td>
	<td>50</td>
	<td><a href="">编辑</a></td>
	<td><a href="">删除</a></td>
	<td><a href="">添加</a></td>
	</tr>	

	
	</table>
	
	<p align="center">
	<a href="">首页</a>
	<a href="">[1]</a>
	<a href="">[2]</a>
	<a href="">...</a>
	<a href="">末页</a>
	</p>
	
</body>
</html>

运行实例 »

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

手抄图片如下:

1.jpg2.jpg3.jpg4.jpg5.jpg6.jpg

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