HTML5学习-合并单元格

简介: HTML5学习-合并单元格

合并单元格


1,说明:特殊情况下,可以把多个单元格合并为一个单元格,这里只需要知到简单的即可


2,合并单元格的方式

跨行合并: rowspan=“合并单元格的个数”

跨列合并: colspan=“合并单元格的个数”


3,目标单元格:(写合并代码)

跨行:最上侧单元格为目标单元格,写合并代码

跨列:最左侧单元格为目标单元格,写合并代码


4,合并单元格的三部曲:

先确定是跨行合并还是跨列合并

找到目标单元格,写上合并方式=合并单元格的数量,eg:

删除多余的单元格


5,示例


            <table width="500" height="249" border="1" cellspacing="0">
                <tr>
                    <td></td>
                    <td colspan="2"></td>
                </tr>        
                <tr>            
                    <td rowspan="2"></td>            
                    <td></td>            
                    <td></td>        
                </tr>        
                <tr>            
                    <td></td>            
                    <td></td>        
                </tr>    
            </table>
相关文章
|
4月前
|
存储 数据安全/隐私保护
走进HTML学习二
走进HTML学习二
|
5月前
|
前端开发
【前端学习从青铜到王者】—HTML常用标签(二)
【前端学习从青铜到王者】—HTML常用标签(二)
|
5月前
|
前端开发
【前端学习从青铜到王者】—HTML介绍(一)
【前端学习从青铜到王者】—HTML介绍(一)
|
8月前
|
移动开发 JavaScript HTML5
HTML5 基础学习
HTML5 基础学习
35 0
|
3月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
49 0
|
2月前
学习HTML表单最关键要掌握的三个要点
学习HTML表单最关键要掌握的三个要点。
9 1
|
2月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
3月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
69 1
|
4月前
|
XML JavaScript 前端开发
走进HTML学习一
走进HTML学习一
|
4月前
|
移动开发 Python HTML5
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
50 0