html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图书信息管理系统</title>
</head>
<body>
<h3>图书信息表</h3>
<!-- 表格标签：<table></table> -->
<!-- 表头<thead></thead>和表格数据部分<tbody></tbody> -->
<!-- 表格的行：<tr></tr> table row -->
<!-- px：像素单位 border:边框 cellspacing:数据单元格之间的距离 cellpadding:文字的填充大小 -->
<!-- 表头：<th></th> table head -->
<!-- 数据单元格：<td></td> table data -->
<table border="1px" cellspacing="0" cellpadding="5px">
<thead>
<tr>
<th>书名</th>
<th>作者</th>
<th>价格</th>
<th>购买链接</th>
</tr>
</thead>
<tbody>
<!-- 第一行： -->
<tr>
<td>世界上的另一个你</td>
<td>丹弗·朗</td>
<td>￥64.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
<!-- 第二行： -->
<tr>
<td>快乐的人</td>
<td>卡耐基</td>
<td>￥34.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
<!-- 第三行： -->
<tr>
<td>生死场</td>
<td>萧红</td>
<td>￥36.5</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
<!-- 第四行： -->
<tr>
<td>大象无形</td>
<td>泽凡</td>
<td>￥41.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
<!-- 第五行： -->
<tr>
<td>第一行代码</td>
<td>郭霖</td>
<td>￥54.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
</tbody>
</table>
</body>
</html>
table:表格
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
