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>