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

時間 2019-12-14

標籤簡單後臺管理系統框架 html 項目 Frameset 欄目 HTML 简体版

原文原文鏈接

【本文爲原創，轉載請註明出處】html

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

-------------------------------------------------------------------------ide

【完整代碼連接：還未上傳，可私聊我】佈局

【不足之處望指出，一塊兒努力學習前端】學習

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。