|
|
---|
常用 HTML 表格架構: | |||
<!--常用HTML表格架構開始--> <TABLE align="center" border="1" cellPadding="0" cellSpacing="0" width="600"> 表格的開始宣告 <TR> 第一列開始宣告 <TD align="right" bgColor="#00ff00" vAlign="top"> 第一列第一資料格(欄)開始宣告 <IMG src="bg_tl.gif" width="22" height="25"></TD> 第一列第一資料格內放置圖檔 & 結束 <TD bgColor="#ffffff"> 第一列第二資料格(欄)開始宣告 <IMG src="spacer.gif" width="556" height="25"></TD> 第一列第二資料格放置圖檔 (空白點) & 結束 <TD align="left" bgColor="#00ff00" vAlign="top"> 第一列第三資料格(欄)開始宣告 <IMG src="bg_tr.gif" width="22" height="25"></TD></TR> 第一列第三資料格內放置圖檔 & 列(欄)位結束 <TR> 第二列開始宣告 <TD bgColor="#ffffff"> 第二列第一資料格(欄)開始宣告 <IMG src="spacer.gif" width="22" height="60"></TD> 第二列第一資料格內放置圖檔 (空白點) & 結束 <TD align="center" bgColor="#ffffff" cellPadding="0" cellSpacing="0"> 第二列第二資料格(欄)開始宣告 <!--所要於表格內展示之資料請放此內--> 這裡面可放置您所想展示的任何圖文、表格或表單等資料 <!--所要於表格內展示之資料請放此內--> </TD> 第二列第二資料格結束 <TD bgColor="#ffffff"> 第二列第三資料格(欄)開始宣告 <IMG src="spacer.gif" width="22" height="60"></TD></TR> 第二列第三資料格放置圖檔 (空白點) & 結束 <TR> 第三列開始宣告 <TD bgColor="#00ff00"> 第三列第一資料格(欄)開始宣告 <IMG src="bg_dl.gif" width="22" height="25"></TD> 第三列第一資料格內放置圖檔 & 結束 <TD bgColor="#ffffff"> 第三列第二資料格(欄)開始宣告 <IMG src="spacer.gif" width="556" height="25"></TD> 第三列第二資料格放置圖檔 (空白點) & 結束 <TD bgColor="#00ff00"> 第三列第三資料格(欄)開始宣告 <IMG src="bg_dr.gif" width="22" height="25"></TD></TR> 第三列第三資料格內放置圖檔 & 列(欄)位結束 </TABLE> 表格的結束宣告 | |||
本表結果與下圖相同,其他組表格模板 您只要更改四個邊角圖檔名稱、尺寸及配合表格大小更改四個邊寬、高 (spacer.gif) 尺寸便可 | |||
有關角圖檔的製作方式與要領,請參閱繪製網頁圖檔【用 PhotoImpact 製作角圖圖檔】報導。 | |||
有關'詳細圖檔表格介紹,請參閱網頁各式模組圖檔表格徹底研究 |
第一個現成表格 | |||||||||||||
| |||||||||||||
本表格所使用之圖檔與色表 | |||||||||||||
bg_tl.gif | bg_tr.gif | spacer.gif | bg_dl.gif | bg_dr.gif | |||||||||
這四個邊角圖檔尺寸均為width="22" height="25" | |||||||||||||
中央空白點 (spacer.gif) 圖片檔尺寸為 width="1" height="1",您也可以使用 <font color="底圖色碼">.</font> 代替 | |||||||||||||
bgcolor="內外部之底圖色碼" | |||||||||||||
本表格實例下載 | 第二實例下載 | 第三實例下載 | 第四實例下載 | 第五實例下載 |
注意事項: 所用邊角圖檔不宜超過 1 Kb,並加入寬高尺寸,以加快傳遞及排版效果。 圖檔表格內所要放置之各式資料,最好再用 Table 包起來,以利寫作方便。 如果分割過多時,請加入註解 <!--..-->,以利爾後維護。 為利購買C D 片網友運用,五表格圖檔採次目錄方式存放,以利檔案管理。 使用標籤中屬性的參數設定時,最好養成加入雙引號習慣,如bgcolor="red"。 如果您是初學者,建議先研習有關表格的【實用 HTML 語法蒐整】看看。 |
如何完整取得所有資料: 如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go 。 凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。 詳細內容:語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。 |
結論與建議: 本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。 本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。 強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。 本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已。 一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。 本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱 。 本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。 |