簡單后台管理系統框架--HTML練手項目2【Frameset】


【本文為原創,轉載請注明出處】

 

技術【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

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

【完整代碼鏈接:還未上傳,可私聊我】

【不足之處望指出,一起努力學習前端】


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM