0316作业
代码：
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="同学们的联系方式、爱好、年龄的页面">
<meta name="keywords" content="同学录，爱好">
<style type="text/css">
.text{
text-align: center;
}
</style>
<title>同学录</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="6" width="80%" align="center">
<caption><h3>同学录</h3></caption>
<thead>
<tr bgcolor="styblue">
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>联系方式</th>
<th colspan="2">爱好</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td>01</td>
<td align="left"><img src="../images/01.jpg" width="30" alt="1">朱老师</td>
<td>18</td>
<td>男</td>
<td>18888888888</td>
<td>美女</td>
<td><a href="">添加爱好</a></td>
</tr>
<tr>
<td>02</td>
<td align="right"><img src="../images/2.jpg" width="30" alt="2">王丝葱</td>
<td>18</td>
<td>女</td>
<td>16666666666</td>
<td>美女游戏</td>
<td><a href="">添加爱好</a></td>
</tr>
<tr>
<td>03</td>
<td><img src="../images/7.jpg" width="30" alt="3">张三</td>
<td>18</td>
<td>女</td>
<td>16666633333</td>
<td>篮球</td>
<td><a href="">添加爱好</a></td>
</tr>
<tr>
<td>04</td>
<td><img src="../images/3.jpg" width="30" alt="4">李四</td>
<td>18</td>
<td>女</td>
<td>16666655555</td>
<td>体操</td>
<td><a href="">添加爱好</a></td>
</tr>
<tr>
<td>05</td>
<td><img src="../images/6.jpg" width="30" alt="5">黄豆</td>
<td>18</td>
<td>女</td>
<td>13333355555</td>
<td>喜欢朱老师</td>
<td><a href="">添加爱好</a></td>
</tr>
</tbody>
</table>
<p class="text">
<a href="">首页</a>
<a href="">第一页</a>
<a href="">第二页</a>
<a href="">...</a>
<a href="">尾页</a>
</p>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
手写代码：
