因為內容與網頁設計重疊，因此直接附上網頁設計相關內容。

程式碼：

<html>

<head>
    <title>林柏億的大一下課表</title>
    <meta charset="BIG-5">
    <style>
        body {
            text-align: center;
        }
        table{
            padding:5px;
            border-radius:3px;
            background-color:#F1F1F1;
        }
        th,
        tr,
        td {
            border-radius:3px;
            border: 1px solid #E0E0E0;
            text-align: center;
            padding: 5px;
            font-family: Noto Sans CJK TC Thin;
            background-color: #FFF;
            width: 130px;
        }

        .title {
            background-color: #333333;
            color: #FFF;
        }

        .break {
            background-color: #FFF;
        }
    </style>
</head>

<body>
    <table>
        <caption style="font-size:36px;font-family:Noto Sans CJK TC Bold">林柏億的大一下課表</caption>
        <thead>
            <tr>
                <th class="title">時間</th>
                <th class="title">星期一</th>
                <th class="title">星期二</th>
                <th class="title">星期三</th>
                <th class="title">星期四</th>
                <th class="title">星期五</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>8:10~9:00</th>
                <td></td>
                <td rowspan="2" style="background-color:#CAA87A;color:#FFF">國文<br>E402<br>李曉萍</td>
                <td rowspan="3" style="background-color:#CA0A0A;color:#FFF">程式設計<br>E320<br>陳鍾誠</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>9:10~10:00</th>
                <td></td>
                <td rowspan="3" style="background-color:#CA0A0A;color:#FFF">網頁設計<br>E322<br>趙于翔</td>
                <td rowspan="3" style="background-color:#CAA87A;color:#FFF">普通化學<br>E204<br>吳尹文</td>
            </tr>
            <tr>
                <th>10:10~11:00</th>
                <td rowspan="2" style="background-color:#CAA87A;color:#FFF">英文<br>E402<br>范仲如</td>
                <td rowspan="2" style="background-color:#006C9E;color:#FFF">資訊科技英文導論<br>E320<br>李錫捷</td>
            </tr>
            <tr>
                <th>11:10~12:00</th>
                <td style="background-color:#CAA87A;color:#FFF">服務教育<br>E402<br>林銘輝</td>
            </tr>
            <tr>
                <th colspan="6" class="break">用餐與休息</th>
            </tr>
            <tr>
                <th>1:30~2:20</th>
                <td rowspan="3" style="background-color:#508C00;color:#FFF">線性代數<br>E402<br>潘進儒</td>
                <td style="background-color:#006C9E;color:#FFF">資訊科技英文導論<br>E320<br>李錫捷</td>
                <td></td>
                <td rowspan="3" style="background-color:#90C02F;color:#FFF">無人機感測技術<br>E105<br>蘇東清、陳煜文</td>
                <td rowspan="2" style="background-color:#CAA87A;color:#FFF">國際情勢<br>B316<br>陳建良</td>
            </tr>
            <tr>
                <th>2:30~3:20</th>
                <td rowspan="3" style="background-color:#006C9E;color:#FFF">資訊網路<br>E321<br>科志亨</td>
                <td></td>
            </tr>
            <tr>
                <th>3:30~4:20</th>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>4:30~5:20</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>5:30~6:20</th>
                <td></td>
                <td style="background-color:#90C02F;color:#FFF">數位邏輯實習<br>E319<br>陳正德</td>
                <td rowspan="2" style="background-color:#90C02F;color:#FFF">數位邏輯實習<br>E319<br>陳正德</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>6:30~7:20</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>
</body>

</html>

results matching ""

    No results matching ""