博客列表 >3月16日作业

3月16日作业

老专的博客
老专的博客原创
2018年04月14日 20:13:36502浏览

补做:3月16日作业

代码:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>员工信息表</title>
</head>
<body>
	
	<table border="1" cellspacing="0" cellpadding="5" align="center" width="600">
		<caption style="color:blue"><h2>宇宙公司员工信息表</h2></caption>
		
		<thead>
		<tr bgcolor="yellow" height="50">
			<th>ID</th>
			<th>头像</th>
			<th>姓名</th>
			<th>性别</th>
			<th>年龄</th>
			<th>部门</th>
			<th>操作</th>
		</tr>
		</thead>

		<tbody>
		<tr align="center">
			<td>01</td>
			<td align="center" alt="Jack"><img src="images/21.jpg" width="30"></td>
			<td>Jack</td>
			<td>male</td>
			<td>35</td>
			<td>技术部</td>
			<td><a href="">编辑</a>|<a href="">删除</a></td>
		</tr>
		<tr align="center">
			<td>01</td>
			<td align="center" alt="小龙女"><img src="images/22.jpg" width="30"></td>
			<td>小龙女</td>
			<td>女</td>
			<td>15</td>
			<td>发展部</td>
			<td><a href="">编辑</a>|<a href="">删除</a></td>
		</tr>
		<tr align="center">
			<td>01</td>
			<td align="center" alt="奇峰"><img src="images/23.jpg" width="30"></td>
			<td>奇峰</td>
			<td>男</td>
			<td>28</td>
			<td>神功部</td>
			<td><a href="">编辑</a>|<a href="">删除</a></td>
		</tr>
		<tr align="center">
			<td>01</td>
			<td align="center" alt="太极人"><img src="images/24.jpg" width="30"></td>
			<td>太极人</td>
			<td>无</td>
			<td>105</td>
			<td>预测部</td>
			<td><a href="">编辑</a>|<a href="">删除</a></td>
		</tr>
	
		</tbody>
		
	</table>
    <br>
	<table border="1" cellspacing="0" cellpadding="3" align="center" width="300">
		<tr align="center">
		    <td><a href="">首页</a></td>	
			<td><a href="">>></a></td>
			<td><a href="">1</a></td>
			<td><a href="">2</a></td>
			<td><a href="">3</a></td>
			<td><a href=""><<</a></td>
			<td><a href="">尾页</a></td>
		</tr>
	</table>

</body>
</html>

运行实例 »

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

实例输出:

51.png

手写代码:

61.jpg

62.jpg

63.jpg


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