【HTML】導航框架
阿新 • • 發佈：2018-11-11
1、main檔案
<html>
<frameset rows="60,*" noresize="noresize">
<frame src="HTML框架-導航框架-例項練習-索引.html" ></frame>
<frame src="HTML框架-導航框架-例項練習-1.html" name="content"></frame>
</frameset>
</html>
2、index索引目錄檔案
<html> <head> <style> a { text-decoration:none; } .poem { text-align:center; background-color=red; font-family:宋體; font-size:20px; } </style> </head> <body > <p class="poem"> <a href="HTML框架-導航框架-例項練習-1.html" target="content">推薦</a> <a href="HTML框架-導航框架-例項練習-2.html" target="content">詩文</a> <a href="HTML框架-導航框架-例項練習-3.html" target="content">名句</a> <a href="HTML框架-導航框架-例項練習-4.html" target="content">作者</a> <a href="HTML框架-導航框架-例項練習-5.html" target="content">古籍</a> </p> </body> </html>
3、
其他網頁檔案——“推薦”頁內容
<html> <head> <style> a { text-decoration:none; } </style> </head> <body> <h1><a href="" target="_blank">九月九日憶山東兄弟</a></h1> <p>唐代：王維</p> <p> <pre> 獨在異鄉為異客，每逢佳節倍思親。 遙知兄弟登高處，遍插茱萸少一人。 </pre> </p> </body> </html>
其他網頁檔案——“詩文”頁內容
<html> <head> <style> a { text-decoration:none; } </style> </head> <body> <h2>不限</h2> <hr /> <p>型別：<a href="https://www.gushiwen.org/shiwen/default_1Ab26259653a5dA1.aspx">寫景</a> <a href="https://www.gushiwen.org/shiwen/default_1Ac606a404de17A1.aspx">詠物</a></p> <hr /> <p>作者：<a href="https://www.gushiwen.org/shiwen/default_2Ab90660e3e492A1.aspx">李白</a> <a href="https://www.gushiwen.org/shiwen/default_2A515ea88d1858A1.aspx">杜甫</a></p> <hr /> <p>朝代：<a href="https://www.gushiwen.org/shiwen/default_3A111111111111A1.aspx">先秦</a> <a href="https://www.gushiwen.org/shiwen/default_3A222222222222A1.aspx">兩漢</a></p> <hr /> <p>形式：<a href="https://www.gushiwen.org/shiwen/default_4A111111111111A1.aspx">詩</a> <a href="https://www.gushiwen.org/shiwen/default_4A222222222222A1.aspx">詞</a> <a href="https://www.gushiwen.org/shiwen/default_4A333333333333A1.aspx">曲</a> <a href="https://www.gushiwen.org/shiwen/default_4A444444444444A1.aspx">文言文</a></p> </body> </html>
其他網頁檔案——“名句”頁內容
<html>
<head>
<style>
a {
text-decoration:none;
}
</style>
</head>
<body>
<frameset rows="20%,*">
<frame>
<h2>不限</h2>
<hr />
<p>主題：<p color:red>不限</p>
<a href="https://so.gushiwen.org/mingju/Default.aspx?p=1&c=%e6%8a%92%e6%83%85">抒情</a>
<a href="https://so.gushiwen.org/mingju/Default.aspx?p=1&c=%e5%9b%9b%e5%ad%a3">四季</a>
<a href="https://so.gushiwen.org/mingju/Default.aspx?p=1&c=%e5%b1%b1%e6%b0%b4">山水</a>
<a href="https://so.gushiwen.org/mingju/Default.aspx?p=1&c=%e4%ba%ba%e7%89%a9">人物</a>
<hr />
</p>
</frame>
<frame>
<a href="https://so.gushiwen.org/mingju/juv_2d8bb03f1e19.aspx">山有木兮木有枝，心悅君兮君不知。————佚名《越人歌》</a><br />
<hr />
<a href="https://so.gushiwen.org/mingju/juv_43f5bfba7229.aspx">人生若只如初見，何事秋風悲畫扇。————納蘭性德《木蘭詞·擬古決絕詞柬友》</a><br />
<hr />
<a href="https://so.gushiwen.org/mingju/juv_7c9202538459.aspx">十年生死兩茫茫，不思量，自難忘。————蘇軾《江城子·乙卯正月二十日夜記夢》</a>
</frame>
</frameset>
</body>
</html>
其他網頁檔案——“作者”頁內容
<html>
<head>
<style>
a {
text-decoration:none;
}
</style>
</head>
<body>
<h2>不限</h2>
<hr />
<p>朝代：<p color:red>不限</p>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%85%88%e7%a7%a6">先秦</a>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%85%88%e7%a7%a6">兩漢</a>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e9%ad%8f%e6%99%8b">魏晉</a>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%8d%97%e5%8c%97%e6%9c%9d">南北朝</a>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e9%9a%8b%e4%bb%a3">隋代</a>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%94%90%e4%bb%a3">唐代</a>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e4%ba%94%e4%bb%a3">五代</a>
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%ae%8b%e4%bb%a3">宋代</a>
</p>
</body>
</html>
其他網頁檔案——“古籍”頁內容
<html>
<head>
<style>
a {
text-decoration:none;
}
</style>
</head>
<body>
<h2>不限</h2>
<hr />
<p><a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e7%bb%8f%e9%83%a8">經部：</a> <a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e6%98%93%e7%b1%bb">易類</a></p><br />
<hr />
<p><a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e5%8f%b2%e9%83%a8">史部：</a> <a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e6%ad%a3%e5%8f%b2%e7%b1%bb">正史類</a></p><br />
<hr />
<p><a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e5%ad%90%e9%83%a8">子部：</a> <a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e5%84%92%e5%ae%b6%e7%b1%bb">儒家類</a></p><br />
<hr />
<p><a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e9%9b%86%e9%83%a8">集部：</a> <a href="https://so.gushiwen.org/guwen/Default.aspx?p=1&type=%e6%a5%9a%e8%be%9e%e7%b1%bb">楚辭類</a></p><br />
</body>
</html>