HTML: 用表格畫出課程表

這個知識點，常常被我忽略，而且誤解(其實不是我誤解)，曾經一個公司的要求：不使用table，一律用div，即使是整齊的，能夠使用table輕鬆佈局出的樣式，也一定要用div。

可能這傢伙沒搞清楚，table佈局和table之間的區別。

相反如下圖所示的內容，如果使用table遠遠比用div耗時少，如果一味摒棄table,不僅說明知識沒有活學活用，反而禁錮在自己的思維定勢當中，如果說div的優勢是網站佈局，那麼table的優勢就是數據的展示(和垂直方向的居中)。

<style>
        table{
            border-collapse: collapse;
        }
        table td{
            height:24px;line-height: 24px;
            width:100px;
            border:1px solid #d7d7d7;
        }
    </style>


    <table>
        <tr>
            <td>時間星期</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
　　　　　<!-- 第一行 -->

        <tr>
            <td rowspan="2">上午</td>
            <td>xx</td>
            <td>cc</td>
            <td>ff</td>
            <td>dd</td>
            <td>gg</td>
        </tr>
　　　　  <!-- 第二行中rowspan向下合併1個單元格-->

        <tr>
            <td>ddgf</td>
            <td>hh</td>
            <td>bb</td>
            <td>ss</td>
            <td>tt</td>
        </tr>
　　　　　<!--第三行中的第一個單元格被合併-->

        <tr>
            <td colspan="6"></td>
        </tr>
　　　　　<!-- 第四行colspan向右合併單元格5個 -->

        <tr>
            <td rowspan="2">下午</td>
            <td>xx</td>
            <td>cc</td>
            <td>ff</td>
            <td>dd</td>
            <td>gg</td>
        </tr>
　　　　　<!-- 第五行同第二行 -->

        <tr>
            <td>ddgf</td>
            <td>hh</td>
            <td>bb</td>
            <td>ss</td>
            <td>tt</td>
        </tr>
　　　　 <!-- 第六行同第三行 -->

    </table>

table還不賴。