<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图书信息管理系统</title>
<style>
div{
width: 500px;
margin: auto;
}
h3{
width: 300px;
margin: auto;
}
</style>
</head>
<body>
<div>
<h3>图书信息表</h3>
<!-- 表格标签:<table></table> -->
<!-- 表头<thead></thead>和表格数据部分<tbody></tbody>-->
<!-- 表格的行:<tr></tr> tabl row-->
<!-- px: 像素单位 border:边框:cellpadding:数据单元格之间的距离 cellpadding: 文字的填充大小-->
<!-- 表头:<th></th> table head-->
<!--数据单元格:<dt></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>¥178.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
<!--第三个-->
<tr>
<td>舞台</td>
<td>不晓得</td>
<td>¥98.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
<!--第四个-->
<tr>
<td>青冈县</td>
<td>不晓得</td>
<td>¥50.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
<!--第五个-->
<tr>
<td>法律</td>
<td>不晓得</td>
<td>¥99.0</td>
<td>
<a href="#">当当网</a>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
html+css笔记---2021-03-03
最新推荐文章于 2021-05-03 23:50:32 发布