【html+css】html表格

Jon34567

已于 2022-02-26 21:36:28 修改

阅读量190

点赞数

文章标签：学习 html css

于 2022-02-26 16:11:46 首次发布

本文链接：https://blog.csdn.net/weixin_44377918/article/details/123149995

版权

html学习------表格

<!DOCTYPE html><html lang="en"><head>    
<meta charset="UTF-8">    
<meta http-equiv="X-UA-Compatible" content="IE=edge">    
<meta name="viewport" content="width=device-width, initial-scale=1.0">    
<title>Document</title>
</head>
<!-- table>tr>td  tr行-->
	<body>    
	<!-- border:线粗 -->    
	<table border="1" width="500" height="200">        
	<!-- 表格名 -->        
		<caption><strong>加粗</strong></caption>        
		<caption>成绩单</caption>        
		<!-- 表头 -->        
		<thead>            
		<!-- 缩进：选中+tab，后退：选中+tab+shift -->            
			<tr>        
				<!-- 表头 -->                
				<!-- <td>姓名</td>                
				<td>学号</td>                
				<td>成绩</td> -->                
				<th>姓名</th>                

				<th>学号</th>                
				<th>成绩</th>
            
         		</tr>        
       </thead>        
       <!-- 表中 -->        
       <tbody>            
            <tr>                
            		<td>jon</td>                
            		<td>11111</td>                
            		<td>400</td>            
            </tr>        
       </tbody>                
       <!-- 表尾 -->        
       <tfoot>            
       	<tr>                
       		<td>总结</td>
			<td>11111</td>                
			<td>400</td>            
		</tr>        
	  </tfoot>    
	  </table>
    </body>
</html>