分成四格
A欄:html1.htmC欄:html3.htm
B欄:html2.htmD欄:html4.htm

須有五個檔案,分別是:

(1) index.htm:用來擺Frame的標籤,也就是規劃Frame的主要網頁。

(2) html1.htm:用來擺在A欄的網頁內容。

(3) html2.htm:用來擺在B欄的網頁內容。

(4) html3.htm:用來擺在C欄的網頁內容。

(5) html4.htm:用來擺在D欄的網頁內容。

index.htm的主要內容:
<HTML>
<HEAD>
<TITLE> 請輸入您的標題名稱 </TITLE>
</HEAD>
<frameset rows="50%,50%">

<frameset cols="50%,50%">
<frame src="html1.htm" name="A">
<frame src="html2.htm" name="B">
</frameset>

<frameset cols="50%,50%">
<frame src="html3.htm" name="C">
<frame src="html4.htm" name="D">
</frameset>

</frameset>
</HTML>
解說:
  1. index.htm、html1.htm、html2.htm、html3.htm、html4.htm 均放於同目錄下較方便,如果放於不同目錄,請將路徑標清楚。
  2. <frameset rows="50%,50%">就是將版面分為上下二欄,並各佔版面的50%大小。
  3. <frameset cols="50%,50%">再將上面分成左右二欄,並各佔上方版面的50%大小。
  4. <frame src="html1.htm" name="A">將上面左邊那一欄命名為A,並置入html1.htm的內容。
  5. <frame src="html2.htm" name="B">將上面右邊那一欄命名為B,並置入html2.htm的內容。
  6. <frameset cols="50%,50%">再將下面分成左右二欄,並各佔下方版面的50%大小。
  7. <frame src="html3.htm" name="C">將下面左邊那一欄命名為C,並置入html3.htm的內容。
  8. <frame src="html4.htm" name="D">將下面右邊那一欄命名為D,並置入html4.htm的內容。
  9. html1.htm、html2.htm、html3.htm、html4.htm 以標準的網頁寫法即可,沒什麼特別的。