1. 程式人生 > >通過HTML中的table標籤設定Web頁面

通過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>