table制作表表格应用

最新推荐文章于 2024-11-26 16:38:33 发布

原创最新推荐文章于 2024-11-26 16:38:33 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

本文通过一个具体的HTML实例展示了如何使用表格标签进行网页布局，包括不同单元格的合并技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table border="1px" width="600" height="800">
		<tr>
				<td colspan="7"> </td>
		</tr>
		<tr>
			<td ></td>
			<td ></td>
			<td ></td>
			<td ></td>
			<td ></td>
			
			<td  rowspan="4" colspan="2"></td>
			<!--设置一个方块最开始的多一个td-->
		</tr>
		<tr>
			<td></td>
			<td ></td>
			<td ></td>
			<td ></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td ></td>
			<td ></td>
			<td ></td>
			<td ></td>
		</tr>
		<tr>
			<td></td>
			<td ></td>
			<td ></td>
			<td ></td>
			<td ></td>
			
			
		</tr>
		<tr>
			<td></td>
			<td ></td>
			<td ></td>
			<td ></td>
			<td ></td>
			<td ></td>
			<td ></td>
		</tr>
		<tr>
			<td colspan="4"></td>
			<td colspan="3"></td>
			
		</tr>
		<tr>
			<td colspan="7"></td>
			
		</tr>
		<tr>
			<td  colspan="2"></td>
			<!--如果-->
			
			<td colspan="2"></td>
			<td  colspan="2"></td>
			
			<td ></td>
		</tr>
		<tr>
			<td colspan="2" ></td>
			<td  colspan="2"></td>
			
			<td colspan="2"></td>
			
			<td ></td>


			

		</tr>
		<tr>
			
			<td colspan=2></td>
			<td  colspan="2"></td>
			
			<td colspan="2"></td>
		
			<td ></td>

			
		</tr>
		<tr>
			<td colspan="2"></td>
			<td colspan="2"></td>
			
			<td colspan="2"></td>
			
			<td ></td>
		
		</tr>
		<tr>
			<td colspan="2"></td>
			
			<td colspan="2"></td>
			
			<td colspan="2"></td>
			
			<td ></td>
			

		
		</tr>
		<tr>
			<td colspan="2"></td>
			<td colspan="5"></td>
			
		
			

			
		</tr>
		<tr>
			<td  colspan="3"></td>
			
			<td colspan="2"></td>
			
			<td  colspan="2"></td>
			


				
		</tr>
		<tr>
			<td colspan="3"></td>
			<td  colspan="4"></td>
			
			
			
		</tr>
		<tr>
			<td  colspan="3"></td>
			<td colspan="2"></td>
			
			<td colspan="2"></td>
			


			
			
		</tr>
		
	</table>
</body>
</html>