作业练习：从菜谱跳转到课程表

最新推荐文章于 2024-07-04 07:39:34 发布

de0414

最新推荐文章于 2024-07-04 07:39:34 发布

阅读量103

点赞数

原文链接：http://www.cnblogs.com/litzhiai/p/8268338.html

版权

菜谱：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>菜谱跳转练习</title>
</head>
<body>
<table border="1px" cellspacing="0px" style="border-color: red" align="left">
    <caption>菜谱跳转练习,我是table的标题</caption>
    <tr>
        <th colspan="3">星期一菜单</th>
    </tr>
    <tr>
        <td rowspan="2">素菜</td>
        <td>青草茄子</td>
        <td>花椒扁豆</td>
    </tr>
    <tr>
        <td>小葱豆腐</td>
        <td>炒白菜</td>
    </tr>
    <tr>
        <td rowspan="2">荤菜</td>
        <td>油焖大虾</td>
        <td>海参鱼翅</td>
    </tr>
    <tr>
        <td>红烧肉
            <a href="课程表.html" target="_blank"><img src="https://i-blog.csdnimg.cn/blog_migrate/bb19e75ba55010b6b6917ea73cc1c8fe.jpeg" alt="红烧肉" title="红烧肉" width="150px" height="150px"></a>
        </td>
        <td>烤全羊</td>
    </tr>
</table>

</body>
</html>

效果是：

菜谱跳转练习,我是table的标题
星期一菜单
素菜	青草茄子	花椒扁豆
素菜	小葱豆腐	炒白菜
荤菜	油焖大虾	海参鱼翅
荤菜	红烧肉	烤全羊

点击图片，跳转到课程表：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程表</title>
</head>
<body>
    <table id="kechengbiao" border="1px" cellspacing="5px" cellpadding="10px" style="border-color: blue"  >
        <caption>课程表</caption>
        <tr >
               <th>项目</th>
               <th colspan="6" align="center">上课</th>
               <th>休息</th>
        </tr>
        <tr>
            <th>星期</th>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
            <th>星期六</th>
            <th>星期日</th>
        </tr>
        <tr>
            <td rowspan="4">上午</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>物理</td>
            <td>化学</td>
            <td>生物</td>
            <td rowspan="4">休息</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>英语</td>
            <td>物理</td>
            <td>化学</td>
            <td>生物</td>
            <td>语文</td>
        </tr>
        <tr>
            <td>英语</td>
            <td>物理</td>
            <td>化学</td>
            <td>生物</td>
            <td>语文</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>物理</td>
            <td>化学</td>
            <td>生物</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
        </tr>
        <tr>
            <td rowspan="2">下午</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>物理</td>
            <td>化学</td>
            <td>生物</td>
            <td rowspan="2">休息</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>英语</td>
            <td>物理</td>
            <td>化学</td>
            <td>生物</td>
            <td>语文</td>
        </tr>
    </table>
</body>
</html>

课程表
项目	上课						休息
星期	星期一	星期二	星期三	星期四	星期五	星期六	星期日
上午	语文	数学	英语	物理	化学	生物	休息
	数学	英语	物理	化学	生物	语文
	英语	物理	化学	生物	语文	数学
	物理	化学	生物	语文	数学	英语
下午	语文	数学	英语	物理	化学	生物	休息
下午	数学	英语	物理	化学	生物	语文	休息

转载于:https://www.cnblogs.com/litzhiai/p/8268338.html

de0414

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
作业练习：从菜谱跳转到课程表

菜谱：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>菜谱跳转练习</title></head><body><table border="1px" ce...
复制链接

扫一扫