html简单导航与简洁课程表代码演示

html代码导航演示

 <ul>
        <li><a href="https://www.php.cn/course/1396.html"><img src="https://img.php.cn/upload/course/000/000/068/625e52df2dd4f914.jpg" alt="200" width="200"></a></li>
    </ul>
    <ul>
        <li><a href="https://www.php.cn/course/1407.html"><img src="https://img.php.cn/upload/course/000/000/001/624e4c82a65d0931.jpg" alt="200" width="200"></a></li>
    </ul>
    <ul>
        <li><a href="https://www.php.cn/course/1422.html"><img src="https://img.php.cn/upload/course/000/000/001/6296df1d179f3127.png" alt="200" width="200"></a></li>

效果图

课程表代码演示

<table style="text-align:center" border="2" align="center" width="700" height="500" cellspacing="0" cellpadding="5">
        <caption><h2>课程表</h2></caption>
        <thead>
            <tr>
                <th colspan="2">时间</th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期五</th>
            </tr>
        </thead>
            <tbody>
                <tr>
                    <td colspan="2" rowspan="4" style="background-color: lawngreen;">上午8:00-12:00</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                </tr>
                <tr>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                </tr>
                <tr>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                </tr>
                <tr>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                </tr>
                <tr>
                    <td colspan="9" style="background-color: hotpink;">午休（12:00~14:00）</td>
                </tr>
                <tr>
                    <td colspan="2" rowspan="3" style="background-color:hotpink;">下午14:00-17:00</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                </tr>
                <tr>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                </tr>
                <tr>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                </tr>
        </tbody>
        <tfoot>
            <tr>
                <td style="background-color: greenyellow;">
                    <a >晚自习20：00</a>
                </td>
                <td colspan="6" style="background-color: lightcyan;">自行在家晚自习，家长监督。</td>
            </tr>
        </tfoot>
    </table>

效果图