1. 程式人生 > >【HTML】導航框架

【HTML】導航框架

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>&nbsp;&nbsp;
    <a href="HTML框架-導航框架-例項練習-2.html" target="content">詩文</a>&nbsp;&nbsp;
    <a href="HTML框架-導航框架-例項練習-3.html" target="content">名句</a>&nbsp;&nbsp;
    <a href="HTML框架-導航框架-例項練習-4.html" target="content">作者</a>&nbsp;&nbsp;
    <a href="HTML框架-導航框架-例項練習-5.html" target="content">古籍</a>&nbsp;&nbsp;
</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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<a href="https://www.gushiwen.org/shiwen/default_4A222222222222A1.aspx">詞</a>&nbsp;&nbsp;<a href="https://www.gushiwen.org/shiwen/default_4A333333333333A1.aspx">曲</a>&nbsp;&nbsp;<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>&nbsp;&nbsp;
        <a href="https://so.gushiwen.org/mingju/Default.aspx?p=1&c=%e6%8a%92%e6%83%85">抒情</a>&nbsp;&nbsp;
        <a href="https://so.gushiwen.org/mingju/Default.aspx?p=1&c=%e5%9b%9b%e5%ad%a3">四季</a>&nbsp;&nbsp;
        <a href="https://so.gushiwen.org/mingju/Default.aspx?p=1&c=%e5%b1%b1%e6%b0%b4">山水</a>&nbsp;&nbsp;
        <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>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%85%88%e7%a7%a6">先秦</a>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%85%88%e7%a7%a6">兩漢</a>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e9%ad%8f%e6%99%8b">魏晉</a>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%8d%97%e5%8c%97%e6%9c%9d">南北朝</a>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e9%9a%8b%e4%bb%a3">隋代</a>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%94%90%e4%bb%a3">唐代</a>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e4%ba%94%e4%bb%a3">五代</a>&nbsp;&nbsp;
<a href="https://so.gushiwen.org/authors/Default.aspx?p=1&c=%e5%ae%8b%e4%bb%a3">宋代</a>&nbsp;&nbsp;
</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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>