在看w3school裡面HTML課程的時候，看到架構，有一個導航架構的執行個體。實作了功能，但是沒有給出源碼。我查了一下frame的具體操作方法，寫出了所有代碼。
我寫的導航架構包括五個檔案
其中，每個檔案的代碼依次為。
架構_導航架構.html
<html>
<frameset cols = "120,*">
<frame src = "架構_導航架構_目錄連結.html"/>
<frame src = "架構_導航架構_顯示a.html" name="showfram"/>
</html>
在這部分代碼中，使用cols屬性将頁面分為兩部分，一部分包括120像素，另一部分為剩餘部分。同時指定兩部分分别的HTML代碼。第二個frame中name屬性，相當于給該frame起了一個名字，方面後面對該部分進行操作。
架構_導航架構_目錄連結.html
<html>
<p> <a href = "架構_導航架構_顯示a.html" target="showfram">Frame a </a> </p>
<p> <a href = "架構_導航架構_顯示b.html" target="showfram">Frame b </a> </p>
<p> <a href = "架構_導航架構_顯示c.html" target="showfram">Frame c </a> </p>
</html>
在架構_導航架構.html中，相當于用frameset将整個頁面分成了兩部分，此部分代碼相當于對左邊部分進行操作。增加三個超連結。target屬性，用于指定對應的html檔案在名稱name為showfram的frame中打開。
架構_導航架構_顯示a.html
<html>
<body bgcolor = "yellow">
<p>Frame B </p>
</body>
</html>
架構_導航架構_顯示b.html
<html>
<body bgcolor = "blue">
<p>Frame B </p>
</body>
</html>
<html>
<body bgcolor = "purple">
<p>Frame a </p>
</body>
</html>
![一場春雨，一個帶着泥土芬芳的記憶[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)