博客列表 >3月20日作业

3月20日作业

jackallen的博客
jackallen的博客原创
2018年03月21日 16:37:15793浏览

代码:admin.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>新闻管理系统</title>
</head>
<body>
    <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
        <!-- 头部 -->
            <tr>
                <td colspan="3" width="1200" height="40" >
                    <iframe src="bankend/top.html" scrolling="no" frameborder="0" height="80" width="100%"></iframe>
                </td>
            </tr>
        <!-- 左侧导航 -->
            <tr>
                <td rowspan="3" height="700" cellspacing="0" cellpadding="0" >
                    <iframe src="bankend/left.html" scrolling="no" frameborder="0"  height="100%" name="left" cellspacing="0"></iframe>
                </td>
            </tr>

            <!-- 右侧内容 -->
            <tr>
                <td  height="500" >
                    <iframe src="bankend/right.html" scrolling="no" frameborder="0" height="700" name="right" width="100%"></iframe>
                </td>
            </tr>

            <tr><td width="100%" colspan="2"><hr></td> </tr>

            <tr>
                <td colspan="3"  height="40">
                    <p>沈阳网络科技有限公司©版权所有<br>
                    </p>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

代码:left.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>left</title>
</head>
<body bgcolor="#EEEEEE">

    <tr><td>主页</td></tr>
<h4><img src="../images/file.jpg" width="30">新闻管理</h4>
    <ul type="none">
        <li><a href="" title="">所有新闻</a></li>
        <li><a href="" title="">增加新闻</a></li>
        <li><a href="" title="">新闻分类</a></li>
    </ul>

    <h4><img src="../images/file.jpg" width="30">新闻管理</h4>
    <ul type="none">
        <li><a href="" title="">所有新闻</a></li>
        <li><a href="" title="">增加新闻</a></li>
        <li><a href="" title="">新闻分类</a></li>
    </ul>

    <h4><img src="../images/file.jpg" width="30">栏目管理</h4>
    <ul type="none">
        <li><a href="" title="">栏目列表</a></li>
        <li><a href="" title="">增加栏目</a></li>
        <li><a href="" title="">栏目分类</a></li>
    </ul>

    <h4><img src="../images/file.jpg" width="30">作者管理</h4>
    <ul type="none">
        <li><a href="adduser.html" title="" target="right">添加作者</a></li>
        <li><a href="" title="">作者列表</a></li>
    </ul>
</body>
</html>

代码:right.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>默认后台首页</title>
</head>
<body>
    <table border="1"   cellspacing="0" cellpadding="10">
        <caption><h2>欢迎使用建筑新网后台管理系统!</h2></caption>
        <tr>
            <th colspan="7" width="1800" >登录者:admin,昵称:admin1111</th>
        </tr>
        <tr>
            <th >这是您第89次登录,登录时间:2018-03-21 11:41:42,登录IP:127.0.0.1</th>
        </tr>
        <tr>
            <th >上次登录时间:2018-03-17 14:21:06,上次登录IP:127.0.0.1</th>
        </tr>
    </table>
</body>
</html>

代码:top.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>top</title>
</head>
<body>
    <table border="0"  width="100%" bgcolor="#84C3F9">
        <tr>
            <td valign="middle"><img src="../images/logo.png" width="100"></td>
            <td width="auto" valign="middel"><h2>新闻管理系统</h2></td>
            <td valign="bottom"><p><a href="">admin</a>&nbsp;&nbsp;<a href="">退出</a></p></td>
        </tr>
    </table>


</body>
</html>

代码:adduser.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>健身计划</title>
</head>
<style>
    table{
        background-image:url(../images/8.jpg);
        background-size:100% auto;
        background-repeat:no-repeat;
    }
</style>
<body>
    <table border="1" cellpadding="5" width="70%" cellspacing="0" >
        <caption><h2>训练计划</h2></caption>
        <thead>
            <tr>
                <th>日程</th>
                <td>周一</td>
                <td>周二</td>
                <td>周三</td>
                <td>周四</td>
                <td>周五</td>
                <td>周六</td>
                <td>周日</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>训练部位</th>
                <td>胸、腹</td>
                <td>背、腿</td>
                <td>腰、三头</td>
                <td>胸、小腿</td>
                <td>背、大腿</td>
                <td colspan="2" rowspan="4">有氧运动</td>

            </tr>
            <tr>
                <th rowspan="3">使用动作</th>
                <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="5">腹-肌撕裂者</td>
            </tr>
            <tr>
                <th>动作要领</th>
                <td colspan="7">短时间低频率的原则,大重量做到力竭,直至完全力竭。</td>
            </tr>
            <tr>
                <th>动作要领</th>
                <td colspan="7">慢速法力,动作完全到位,肌肉紧绷,慢速复原。</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

手写代码:

微信图片_20180321162555.jpg

上一条:321作业下一条:3月20号作业
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议