员工通讯录
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>员工通讯录</title> </head> <body> <table align="center" border="1" cellspacing="0" cellpadding="8" width="70%"> <caption><h2>员工通讯录</h2></caption> <colgroup> <col bgcolor="lightblue"> <col bgcolor="skyblue"> <col bgcolor="lightblue"> <col bgcolor="#f89"> <col span="2" bgcolor="lightblue"> <col bgcolor="lightyellow"> </colgroup> <tr align="center"> <td colspan="6" bgcolor="lightblue" >基本信息</td> <td colspan="2" bgcolor="lightcyan">其他信息</td> <td rowspan="2">工种</td> </tr> <tr bgcolor="lightblue"> <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/man01.jpg" width="60"></td> <td>男</td> <td>34</td> <td>18259244301</td> <td>安徽芜湖</td> <td>PHP程序员</td> <td rowspan="3" align="center">技术人员</td> </tr> <tr align="center"> <td>2</td> <td>王平</td> <td><img src="images/man02.jpg" width="60"></td> <td>男</td> <td>43</td> <td>15259344504</td> <td>广东广州</td> <td>网页设计师</td> </tr> <tr align="center"> <td>3</td> <td>赵立</td> <td><img src="images/man03.jpg" width="60"></td> <td>男</td> <td>23</td> <td>17259244203</td> <td>山东济南</td> <td>前端工程师</td> </tr> <tr align="center"> <td>4</td> <td>周小美</td> <td><img src="images/ns01.jpg" width="60"></td> <td>女</td> <td>25</td> <td>15954244306</td> <td>河北石家庄</td> <td>网络竞价</td> <td rowspan="3" align="center">营销推广</td> </tr> <tr align="center"> <td>5</td> <td>章邯</td> <td><img src="images/ns02.jpg" width="60"></td> <td>女</td> <td>24</td> <td>15829232306</td> <td>河南郑州</td> <td>文案策划</td> </tr> <tr align="center"> <td>6</td> <td>钱浩</td> <td><img src="images/man04.jpg" width="60"></td> <td>男</td> <td>23</td> <td>18242644538</td> <td>江苏南京</td> <td>客服专员</td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
本地效果图：
手写代码：
