第一章：Html-html表格

最新推荐文章于 2024-08-20 19:10:21 发布

浊酒南街

最新推荐文章于 2024-08-20 19:10:21 发布

阅读量104

点赞数

分类专栏： # JavaEE详解-全程实战案例

本文链接：https://blog.csdn.net/weixin_43597208/article/details/107127023

版权

JavaEE详解-全程实战案例专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1、表格:table tr:行 th:标题 td:单元格
rowspan:跨行
colspan:跨列
一般用于页面布局；

2、示例代码如下：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Html表格</title>
	</head>
	<body>
		<!-- 
		表格：table  tr:行 th:标题 td:单元格 
		-->
		<table border ="2"  align="center" style="color: aqua; border: solid 3px red;" >
			<tr >
				<th>姓名</th>
				<th>年龄</th>
				<th>生日</th>
				
			</tr>
			<tr>
				<td rowspan="2">张三</td>
				<td>20</td>
				<td>2000-10-20</td>
				
			</tr>
			<tr>
				<td>22</td>
				<td>2000-10-20</td>														
			</tr>
			<tr>
				<td>王五</td>
				<td colspan="2">20</td>														
			</tr>
			
			<tr>
				<td>赵六</td>
				<td>20</td>
				<td>2000-10-20</td>														
			</tr>	
		</table>
	</body>
</html>