HTML表格三：用表格去实现网页的布局

最新推荐文章于 2022-07-24 16:42:52 发布

weixin_44340137

最新推荐文章于 2022-07-24 16:42:52 发布

阅读量751

点赞数

本文链接：https://blog.csdn.net/weixin_44340137/article/details/102642075

版权

本文探讨了如何使用HTML表格进行网页布局，通过实例展示了表格在构建复杂页面结构时的灵活性和实用性，帮助读者理解如何巧妙地利用表格提升网页设计效率。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
	<title>表格的跨行跨列删除练习题</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	</head>
	<body>
		<!--border就是在原本的基础上给表格加上表框 cellspacing就是边框与边框之间的距离俗称就是将表格与表格之间的距离缩短甚至变为0-->
		<!--在table添加align="center"意思是将整体的表格进行居中 而在每一行也就是tr添加align="center"意思是将每一行的内容进行居中-->
		<table  border="1" width="600px" cellspacing="0"  cellpadding="5px" align="center">
			<caption>课程表</caption>
			<tr bgcolor="pink" >
				<th>星期一</th>
				<th>星期二</th>
				<th>星期三</th>
				<th>星期四</th>
				<th>星期五</th>
			</tr>
			<tr align="center">
				<td rowspan="2">语文</td>
				<td>数学</td>
				<td>化学</td>
				<td>英语</td>

最低0.47元/天解锁文章

weixin_44340137

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML表格三：用表格去实现网页的布局

<!DOCTYPE html><html><head> <title>表格的跨行跨列删除练习题</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </head> <body> <...
复制链接

扫一扫