各種程式選用

第十篇
有那些方法可以確實固定網頁的位置

適合程度： 初學者 一般程度 進階者 以上均宜
注意：部份特效 Mozilla Firefox 恐無法顯示
壹、前言：
網頁製作經常會用到，在網頁某處指定一個位置，或固定某個元件？那該怎麼辦？有何辦法呢？
本篇就來探討這個問題吧！

貳、先就HTML語法來探討：
HTML 語法中能讓文字或圖片做左右(水平)移動的屬性，就是<標籤 Align="位置">。
這裡的位置就是指左 (Left)、中 (Center)、右 (Right)，屬於比較性的指定，沒有絕對定位效果。
這裡的標籤常見的有：CAPTION、DIV、HR、IMG　SRC、P、TABLE、TBODY、TD、TH、TR、TFOOT、THEAD。
HTML 語法能讓文字或圖片做上下(垂直)移動的屬性，就是<標籤 Valign="位置">。
這裡的位置就是指上 (Top)、中 (Middle)、下 (Bottom)，屬於比較性的指定，也沒有絕對定位效果。
這裡的標籤常見的有：CAPTION、TBODY、TD、TH、TR、TFOOT、THEAD。

參、DIV 與 P 標籤的差異處：
另外在 HTML 語法中能讓文字或圖片做指定位置的屬性，就是 DIV 與 P 標籤。
DIV 標籤是指 (Division)，用來設定區段(域)內資料的排列方式。
P 標籤是指 (Paragraph)，用來讓文字或物件跳列。
用兩者做個比較，自然就會明白了：

肆、打包網頁的元件 DIV 與 SPAN：
被 <DIV> 或 <SPAN> 標籤包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。
就如同我們在打包物品一樣，您可以一個包裹只包一件衣服，也可以一個包裹包衣服、鞋子、帽子等。
<DIV> 和 <SPAN> 標籤就是這種功能！
您可以用 <SPAN> 標籤包住一段文字，該段文字就成了一個物件。
您也可以用 <SPAN> 標籤包住一段文字，一張圖、一個表格，那麼這三個東西也會被視作一個物件。
這兩個標籤在 DHTML (動態 HTML )中，是相當重要的，這些東西是可能是一張圖、一段文字....。
要一張圖動來動去還好，因為，一張圖本身就是一個【物件】。
但是，要怎樣讓瀏覽器知道某一個圖或某一個字是一個物件？
或是要讓圖片和表格同時動來動去，此時您就需要用到 <DIV>、<SPAN> 標籤。

伍、DIV 與 SPAN 標籤的差異處：
<DIV>、<SPAN> 標籤究竟有什麼不同？只有一個地方比較不一樣，請仔細比較看看：

陸、HTML 的表格定位法：
我們知道表格可以指定欄與列位數、寬度與高度，有了這些屬性，所以我們可以很容易的指定網頁詳細位置。

柒、圖檔也可以用來定位：
圖檔也有一個寬度與高度屬性，如果我們加入一個隱形點，所以我們也可以很容易的指定網頁詳細位置。

捌、CSS (串接式排版樣本)的網頁定位：
CSS(串接式排版樣本)有 top 與 left (以像素為單位)屬性，除此之外他還有一個很重要的定位 (Position) 設定屬性。
position 顯示方式的設定值：
static：以一般網頁方式排列，無定位功能
absolute：設定基準點是相對於區塊內的最左上角
relative：設定基準點是在網頁的最左上角

玖、其他辦法：
最簡單(笨)的辦法：重複使用<br><br><br>或<br><p><br>。
有點技巧的辦法：<p><font color="#ffffff">&nbsp;</font><p>。
聰明一點的技巧：<img src="../../imags/space.gif" align="top" border=0 width="1" height="150" alt="空白小圖檔">。

拾、結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。