通过HTML中的table标签设置Web页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用table标签设置Web页面</title>
</head>
    <style type="text/css">
        table {
            /*border: 1px solid red;*/
        }
        a {
            font-size: 12px;
        }
    </style>

<body>
    <table align="center">
    <tr><td><img src="../image/head.jpg"></td></tr>
    <tr>
        <td>
            <table>
                <tr>
                    <td>
                        <img src="../image/show_btn_shop.gif">
                    </td>
                    <td rowspan="4">
                        <img src="../image/adv1.jpg">
                    </td>
                    <td colspan="2">
                        <img src="../image/bbs_bn.gif">
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">财付通安全快捷</a>&nbsp;|
                        <a href="#">新手上路</a>
                    </td>
                    <td rowspan="2">
                        <img src="../image/bbs_student1.gif">
                    </td>
                    <td rowspan="2">
                        <img src="../image/bbs_student2.gif">
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="../image/show_btn_order.gif">
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">免费黄金推荐位抢夺秘籍!</a>
                    </td>
                    <td>
                        <a href="#">BC.雨薇</a>
                    </td>
                    <td>
                        <a href="#">BCwinner辉</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr><td><img src="../image/goods_class.jpg"></td></tr>
    <tr><td><img src="../image/foot.jpg"></td></tr>
    </table>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/cymx66688/article/details/83038375