HTML学习-单元格合并练习

331 查看


<!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