網頁各式模組【05】

第五篇
單一圖檔表格運用

適合程度: 初學者 一般程度 進階者 以上均宜







A

請用 800 x 600 解析度閱讀本報以達最佳視覺效果
圖文資料放置B區


圖文資料放置C區

這裡可放置選單總表








D

圖檔表格製作與運用:
space.gif width="1" height="1" 這是本表格唯一圖檔,其目的只在顯示正確表格寬、高尺寸及達排版效果。
本表格基本 HTML 架構

<TABLE> //本表格的開始宣告 <TR> //將第一列設成五個資料格(欄),如下 TD,裡面均為純圖檔,設為最上端水平線 <TD></TD> //第一列開始及第一資料格(欄)開始與結束 <TD></TD> //第二資料格(欄)開始與結束 <TD></TD> //第三資料格(欄)開始與結束 <TD></TD> //第四資料格(欄)開始與結束 <TD></TD> //第五資料格(欄)開始與結束 </TR> //第一列結束宣告 <TR><TD> //將第二列及第一欄位開始 (A 區)這裡面可放置您所想展示的任何圖文、表格或表單等資料 </TD> //第二列第一資料格(欄)結束 <TD>第二列第二欄位開始,純圖檔,設為第一條垂直線 </TD> //第二列第二資料格(欄)結束 <TD>第二列第三欄位開始 (B & C 區)這裡面可放置您所想展示的任何圖文、表格或表單等資料 </TD> //第二列第三資料格(欄)結束 <TD>第二列第四欄位開始,純圖檔,設為第二條垂直線 </TD> //第二列第四資料格(欄)結束 <TD>第二列第五欄位開始 (D 區)這裡面可放置您所想展示的任何圖文、表格或表單等資料 </TD></TR> //第二列與資料格(欄)結束宣告 <TR><TD colspan=5> //第三列與資料格(欄)開始宣告 //並將第三列設成五個資料格(欄)合併,裡面為純圖檔,設為最下端水平線 </TD></TR> //第三列與資料格(欄)結束宣告 </TABLE> //本表格的結束宣告

實際運用與 HTML 語法說明
與本篇有關之報導
實用 HTML 語法蒐整 使用表格及格圖來作一個自己的履歷表
有關角圖的製作方式與要領,請參閱【繪製網頁圖檔】報導。

注意事項:
這是本表格唯一圖檔 (space.gif),其目的只在顯示正確表格寬、高尺寸及達排版效果。
圖檔表格內所要放置之各式資料,最好再用 Table 包起來,以利寫作方便。
如果分割過多時,請加入註解 <!--..-->,以利爾後維護。
表格寬與高,依自己實際需要設定。
使用標籤中屬性的參數設定時,最好養成加入雙引號習慣,如 bgcolor="red"。
表格在網頁中的應用非常普遍,而且很好用,建議前往【實用 HTML 語法蒐整】看看。

如何完整取得所有資料:
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

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