HTML之表格标签

辉小歌

已于 2022-03-01 19:17:52 修改

阅读量171

点赞数

CC 4.0 BY-SA版权

分类专栏： # HTML入门文章标签： html 前端

于 2022-03-01 17:43:18 首次发布

本文链接：https://blog.csdn.net/qq_46527915/article/details/123211610

HTML入门专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了HTML中表格的基本结构，包括如何使用<table>、<tr>和<td>标签创建表格，以及如何通过<td>的colspan和rowspan属性实现单元格的跨列和跨行。实例展示了不同行列合并的用法，帮助理解表格布局的灵活性。

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

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table>
		<tr>  <!--一行-->
			<td>1-1</td>  <!--一行-->
			<td>1-2</td>  <!--二行-->
			<td>1-3</td>  <!--三行-->
		</tr>
		<tr>
			<td>2-1</td>
			<td>2-2</td>
			<td>2-3</td>
		</tr>
	</table>

<table border="1px">  <!--设置边界宽度-->
		<tr>
			<!--跨列-->
			<td colspan="3">1-1</td>
		</tr>

		<tr>
			<!--跨行-->
			<td rowspan="2">2-1</td>
			<td>2-2</td>
			<td>2-3</td>
		</tr>

		<tr>
			<td>3-1</td>
			<td>3-2</td>
		</tr>
	</table>