html+css笔记---2021-03-03

<!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>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值