表格标签table（Html基础）3

原创于 2020-11-03 14:16:24 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML基础专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用HTML编写的表格示例，详细展示了如何通过不同的属性设置表格的样式和布局，包括边框、间距、高度、宽度及单元格的合并等。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Html基础</title>
	</head>
	<body>
		<!-- 表格
			border：表格边框的大小
			cellspacing：表格之间的间距
			height：表的高度
			width：表的宽度
			bgcolor：背景颜色
			colspan：合并列
			rowspan：合并行
		 -->
		<table border="1" cellspacing="0" height="300px" width="500px" align="center">
			
			<!-- 表头可以不用写 以及表体、表尾 -->
			<tr>
				<th>Month</th>
				<th>Savings</th>
			</tr>
			<!-- 
				tr：表格的行
				td：表格的列
			 -->
			<tr>
				<td bgcolor="aqua">文字</td>
				<td bgcolor="black"><img src="https://profile.csdnimg.cn/F/2/6/3_qq_42825101" /></td>
			</tr>
			<tr>
				<td bgcolor="blue"></td>
				<td bgcolor="yellow"></td>
			</tr>
			
			<tr>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td rowspan="2"></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
			</tr>
		</table>
		
	</body>
</html>