简单后台管理系统框架--HTML练手项目2【Frameset…

2019-08-14 09:46:20来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

【本文为原创,转载请注明出处】

 

技术【HTML】   布局【Frameset】


无步骤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理系统框架</title>
</head>
<frameset rows="15%,*">
    <frame src="title.html">
    <frameset cols="20%,*">
        <frame src="list.html">
        <frame src="https://www.baidu.com/" name="dispaly">
    </frameset>
</frameset>
</html>
index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List</title>
</head>
<body>
    <ul>
        <li><a href="https://www.baidu.com/" target="dispaly">百度</a></li>
        <li><a href="https://www.taobao.com/" target="dispaly">淘宝</a></li>
        <li><a href="https://hao.360.com/" target="dispaly">360</a></li>
        <li><a href="https://www.sina.com.cn/" target="dispaly">新浪</a></li>
    </ul>
</body>
</html>
title.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>后台管理系统</h1>
</body>
</html>
title.html

-------------------------------------------------------------------------

【完整代码链接:还未上传,可私聊我】

【不足之处望指出,一起努力学习前端】


原文链接:https://www.cnblogs.com/Caixingmin/p/11144755.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Flask框架

下一篇:TweenMax—ScrambleText插件 实现类似电脑破译密码的特效