index.html的內容：
<html>
<head>
<title>書目錄作業</title>
</head>
<frameset rows="20%,*">
<frame src="image.html">
<frameset cols="15%,*">
<frame src="zuoye3.html">
<frame src="neirong.html" name="neirong">
</frameset>
</frameset>
</html>
網頁左半部分的內容:
<html>
<head></head>
<body bgcolor="#ffff99">
<ul><font size="4" color="green"><b>目錄</b></font>
<li><a href="neirong.html#yi" target="neirong">第一章</a></li>
<li><a href="neirong.html#er" target="neirong">第二章</a></li>
<li><a href="neirong.html#san" target="neirong">第三章</a></li>
<li><a href="neirong.html#si" target="neirong">第四章</a></li>
<li><a href="neirong.html#wu" target="neirong">第五章</a></li>
<li><a href="neirong.html#liu" target="neirong">第六章</a></li>
<li><a href="neirong.html#qi" target="neirong">第七章</a></li>
<li><a href="neirong.html#ba" target="neirong">第八章</a></li>
<li><a href="neirong.html#jiu" target="neirong">第九章</a></li>
<li><a href="neirong.html#shi" target="neirong">第十章</a></li>
<li><a href="neirong.html#shiyi" target="neirong">第十一章
</a></li>
<li><a href="neirong.html#shier" target="neirong">第十二章
</a></li>
<li><a href="neirong.html#zongjie" target="neirong">總結</a></li>
<li><a href="neirong.html#fulu" target="neirong">附錄</a></li>
</body>
</html>
網頁右半部分的內容：
<html>
<body bgcolor="#ffff99">
<h1 align="center">HTML網頁設計</h1>
<br><br>
<h4><a name="yi">第一章</a><h4>
<p>不中地圓頂是圓頂藝術品 百口莫辯朝左八……
……
頂藝術品 百口莫辯朝左八加進頂嘴男聲塵暴頂黑河耕 不中地圓頂是圓頂藝術品 百口莫辯朝左八加進
頂嘴男聲塵暴頂黑河耕 不中地圓頂是圓頂藝術品 百口莫辯朝左八加進頂嘴男聲塵暴頂黑河耕 不中地
圓頂是圓頂藝術品 百口莫辯朝左八加進頂嘴男聲塵暴頂黑河耕 不中地圓頂是圓頂藝術品 百口莫辯朝
左八加進頂嘴男聲塵暴頂黑河耕 </p>
<br>
<br>
</body>
</html>
網頁的上半部分內容：
<html>
<body bgcolor="#ffff99">
<p align="center"><img src="image.jpg" width="600" height="80"></p>
</body>
</html>