为了账号安全,请及时绑定邮箱和手机立即绑定

HTML学习-单元格合并练习

标签:
Html/CSS Html5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>27-单元格合并练习</title>
</head>
<body>
<!--<table bgcolor="black" cellspacing="1px" width="500px" height="300px" align="center">-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<td></td>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td colspan="3"></td>-->
        <!--<!–<td></td>–>-->
        <!--<!–<td></td>–>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<td></td>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<td></td>-->
        <!--<td></td>-->
    <!--</tr>-->
<!--</table>-->

<!--<table bgcolor="black" cellspacing="1px" width="500px" height="300px" align="center">-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<td rowspan="4"></td>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<!–<td></td>–>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<!–<td></td>–>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<!–<td></td>–>-->
        <!--<td></td>-->
    <!--</tr>-->
<!--</table>-->

<!--<table bgcolor="black" cellspacing="1px" width="500px" height="300px" align="center">-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<td></td>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td colspan="2"></td>-->
        <!--<!–<td></td>–>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<td rowspan="2"></td>-->
        <!--<td></td>-->
    <!--</tr>-->
    <!--<tr bgcolor="white">-->
        <!--<td></td>-->
        <!--<!–<td></td>–>-->
        <!--<td></td>-->
    <!--</tr>-->
<!--</table>-->

<!--
快速移动选中的代码, 上下移动
往上移动 Ctrl + shift + (方向键上)
往下移动 Ctrl + shift + (方向键下)

快速合并和展开代码(合并和展开的是某一个标签)
合并: Ctrl + -
展开: Ctrl + +

快速合并和展开代码(合并和展开选中的所有标签)
合并: Ctrl + shift + -
展开: Ctrl + shift + +

快速新启一行
shift + enter
-->
<table bgcolor="black" cellspacing="1px" width="500px" height="300px" align="center">
    <caption>单元格合并</caption>
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr bgcolor="white">
        <td></td>
        <td colspan="2" rowspan="2"></td>
        <!--<td></td>-->
    </tr>
    <tr bgcolor="white">
        <td></td>
        <!--<td colspan="2"></td>-->
        <!--<td></td>-->
    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
</body>
</html>

学习于:http://bbs.520it.com/forum.php?mod=viewthread&tid=2418

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消