HTML学习笔记1.15—合并单元格
2016-07-22 09:56
525 查看
摘要: 横向或者纵向的把相邻的表格单元合并起来
合并单元格
现在我们已经能够完成一个简单地表格了,如果我们需要把横向的某两个相邻单元格<td>或者纵向的某两个相邻单元格<td>合并,我们该怎么做呢?(我们要知道以下几点)
1.标签<td>的[colspan]属性规定单元格可横跨的列数,即横向合并的单元格数;
2.标签<td>的[rowspan] 属性规定单元格可横跨的行数,即纵向合并的单元格数;
3.这2个标签也可以同时使用。
现在我们就来使用下colspan和rowspan吧:
结果是这样的:
更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index
合并单元格
现在我们已经能够完成一个简单地表格了,如果我们需要把横向的某两个相邻单元格<td>或者纵向的某两个相邻单元格<td>合并,我们该怎么做呢?(我们要知道以下几点)
1.标签<td>的[colspan]属性规定单元格可横跨的列数,即横向合并的单元格数;
2.标签<td>的[rowspan] 属性规定单元格可横跨的行数,即纵向合并的单元格数;
3.这2个标签也可以同时使用。
现在我们就来使用下colspan和rowspan吧:
结果是这样的:
更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)