單純使用<BODY></BODY>往往在編排時無法隨心所欲的控制版面，為了彌補此項缺點，可以使用表格及框架，本網頁首頁即由框架構成。
<HTML>
<HEAD>
<TITLE>網頁名稱</TITLE>
<meta http-equiv="Content-Type" content="text/html;charset=big5">
<FRAMESET COLS="15%,*,12%" BORDER=0>
　　　<FRAME SRC="menu.htm" NAME="1" SCROLLING=auto>
　　　<FRAMESET ROWS="1%,*,1%">
　　　　　<FRAME SRC="top.htm" SCROLLING=no>
　　　　　<FRAME SRC="main.htm" name="3" SCROLLING=auto>
　　　　　<FRAME SRC="top.htm" SCROLLING=no>
　　　</FRAMESET>
　　　<FRAME SRC=" list.htm" SCROLLING=no>
</FRAMESET>

</HTML>
  • 框架（FRAMESET）不與BODY同時使用，而因每一個螢幕的解析度不同，用百分比､比例､星號等表示框架的大小，要比直接用數字來得恰當。
  • BORDER= n：設定框架外框寬度，0表無框線
  • NORESIZE="no"：設定不允許瀏覽者改變邊框大小
  • FRAMESPACING：設定框架與框架間的距離
  • MARGINWIDTH：設定框架上下邊界留白
  • MARGINHEIGHT：設定框架左右邊界留白
  • SRC：表插入某個檔案
  • NAME：設定框架名稱
  • SCROLLING="yes"要顯示捲軸，"no"不要顯示捲軸，"auto"依內容多寡而自動調整。

  • 解析：
    1. 上例中，我們先將螢幕依15%､(100-15-12)%､12%，分成三縱欄（COLS）。
      <FRAMESET COLS="15%,*,12%" BORDER=0>

    2. 第一欄命名為1，顯示檔案menu.htm，捲軸設定為依情況而定。

    3. 第二欄依1%､(100-1-1)%､12%再分成三橫列（ROWS）。
      <FRAMESET ROWS="1%,*,1%">

      第二欄第一列 ：顯示檔案top.htm，不顯示捲軸。
      第二欄第二列 ：命名為３，顯示檔案main.htm，捲軸設定為依情況而定。
      第二欄第三列 ：顯示檔案top.htm，不顯示捲軸。

    4. 第三欄命名為１，顯示檔案list.htm，不顯示捲軸。

    5. 相關主題：由多個框架畫面回復到正常畫面。
name=1
menu.htm
15%		 top.htm　1% list.htm
12%
name=3
main.htm
top.htm　1%