在html5中,可以利用单元格元素(td或th)的colspan属性来设置单元格水平跨度,该属性可以定义单元格应该横跨的列数,语法“
”或“ ”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
在html5中,想要设置单元格水平跨度,可以利用colspan属性。(colspan属性作用在td或th元素上)
colspan 属性用于定义单元格应该横跨的列数。
语法:
<td colspan="number"> <th colspan="number">登录后复制
值 描述 number 规定单元格应该横跨的列数。
注释:
colspan="0"
告知浏览器使单元格横跨到列组 (colgroup) 的最后一列。示例:
<!DOCTYPE <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>设置单元格列跨度</title> </head> <body> <table width="550" border="1" cellspacing="0" cellpadding="5"> <tr> <th colspan="2" align="center">存款(1~3月)</th> </tr> <tr> <td>一月</td> <td>3000 元</td> </tr> <tr> <td>二月</td> <td>5000 元</td> </tr> <tr> <td>三月</td> <td>3500 元</td> </tr> <tr> <td colspan="2">总计:11500 元</td> </tr> </table> </body> </html>登录后复制相关推荐:《html视频教程》
以上是html5中怎么设置单元格水平跨度的详细内容。更多信息请关注PHP中文网其他相关文章!
本站声明本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn作者最新文章
2023-04-26 17:59:18 2023-04-26 17:47:48 2023-04-26 17:41:42 2023-04-26 17:37:05 2023-04-26 17:31:25 2023-04-26 17:27:32 2023-04-25 19:57:58 2023-04-25 19:53:11 2023-04-25 19:49:11 2023-04-25 19:41:54最新问题如何让我的图像显示在页面的主显示屏上? 我想做的是使用NASAAPI接收一些照片。然后在我的网页的缩略图和主显示屏上显示这些照片。我只是弄清楚为什么代码不从缩略图中获取图像并将其显示在页面上。我还使用HTML5及以上版本...来自于 2024-04-06 15:33:1201433PDF文件能够运行HTML5和Javascript吗? 我有一个愚蠢的想法,想尝试制作一个在任何计算机上都不会被阻止的程序,因为它将嵌入在PDF中(我听说Javascript可以在PDF中运行)。它将在PDF文件中运行HTML5和Jav...来自于 2024-04-05 12:57:0001456HTML5中的enctype和formenctype有什么区别? 我只是想知道HTMLLivingStandard(又名新的HTML5规范)中的属性enctype和formenctype之间有什么区别?我一直在阅读《面向开发人员的HTML标准》,...来自于 2024-04-02 11:47:5601275使页面适合移动设备吗? 我有很多网页和一些网站。问题是,我是一个初学者。我使用基本的html5和css3,但我不知道如何使它们放大、缩小并且适合移动设备。例如,这是我的页面之一和我的网站之一,您可以在其中...来自于 2024-04-01 20:42:3801259热门教程更多>
野秀堂HTML5+CSS3视频教程9117 HTML5 极速入门54778 html5基础知识入门视频教程68087 HTML5入门基础视频教程39263 HTML5新特性基础视频教程29076