用 HTML Table 做一個單欄網頁

要製作一個單欄的網頁非常簡單，用 Dreamweaver 之類的網頁編輯軟體，最簡單的 table 表格馬上就可以拉出一個單欄網頁，使用 css 的 div 排版也可以，只是需要點 css 相關技術，本篇就寫一個簡單的 HTML table 單欄網頁範例。

HTML Table 單欄網頁架構程式碼

<table width="600">
<tr><td bgcolor="gray">這裡是標頭</td></tr>
<tr><td bgcolor="yellow">這裡是網頁內文</td></tr>
<tr><td bgcolor="pink">這裡是頁腳</td></tr>
</table>

開個空白記事本把上面的程式碼貼上，並存成 test.html 就可以看結果。

這個範例顏色搭配蠻醜的，但是依然是個很標準的單欄式網頁設計，上方是標頭區，也就是所謂的 HEADER、中間是網頁內文區，大部分網頁的內容就寫在這裡、最底下就是頁腳，也就是所謂的 FOOTER，像是版權宣告、服務電話、公司地址等資訊通常都是寫在這裡。

關於 HTML Table 使用教學：http://www.wibibi.com/info.php?tid=116

透過 CSS 與 DIV 搭配的設計方式：http://www.wibibi.com/info.php?tid=405

原則上應該是以 CSS 的設計方式比較優，但並不是所有人都懂 CSS 語法，用傳統的表格設計也是一種方法，看個人的設計習慣囉！