图文导航与课程表 - 大前端

首页 > 博客列表 > 图文导航与课程表

博主信息

博文 2

粉丝 0

访问量 1062

专题推荐

更多>

1.图文列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>0704作业</title>
</head>
<body>
    <h1>1.图文列表</h1>
    <!-- 列表的使用1.无序列表使用的是ul： -->
    <h3>效果图</h3>
    <ul>
        <li>
            <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/62b2ea11e0283309.png" alt="php8，我来也" width="200"></a>
        </li>
        <li>
            <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d15e4bb6a476.png" alt="细说PHP(2021版)第一季" width="200"></a>
        </li>
        <li><a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d615cfed6344.png" alt="PHP留言板设计" width="200"></a></li>
    </ul>
    <!-- 列表的使用2.有序列表使用是ol： -->
    <ol>
        <li>
            <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/62b2ea11e0283309.png" alt="php8，我来也" width="200"></a>
        </li>
        <li>
            <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d15e4bb6a476.png" alt="细说PHP(2021版)第一季" width="200"></a>
        </li>
        <li><a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d615cfed6344.png" alt="PHP留言板设计" width="200"></a></li>
    </ol>
</body>
</html>

2.课程表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>0704作业</title>
</head>
<body>
    <table width="600" border="1">
        <!-- 头部 -->
        <thead>
            <tr bgcolor="lightgreen">
                <th colspan="7">php培训课程表</th>
            </tr>
        </thead>
        <thead>
            <tr>
                <td rowspan="4" bgcolor="cyan">上午</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 rowspan="3">下午</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>
            <!-- 表尾 -->
            <tfoot>
            <tr>
                <td colspan="7" bgcolor="lightblue">中午12点放学 - 下午14点上课</td>
            </tr>
            </tfoot>
</body>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

markdown语法学习及代码展示

2022-07-24 00:04:08