HTML網頁製作入門(四)

從本章開始介紹網頁的配置。通常都會將網頁區分成幾個區塊，至少會有放入網頁標頭(Header)、網頁內容(Contents)、網頁註腳(Footer)3大區塊。在以下的範例中，會再將網頁內容(Contents)切割為左(left)、中(middle)、右(right)3塊。專業的網頁會依據黃金比例(1:1.1618)去切割區塊，增加網頁的美感以及平衡感。

圖1:網頁切割區塊示意圖

過去切割網頁區塊時，會使用框架(frame)元素。但是本範例採用HTML的嚴密文檔類型(Strict DTD)，無法使用框架(frame)元素。因此採用一般的區塊(BLOCK)元素中的「div元素」，主要是「div元素」裡面可以包含「div元素」、「線內(inline_元素」、TEXT等。