基本架構A：<body background="圖案名稱.附檔名">
基本架構B：<img src="路徑\圖案名稱.附檔名 相關屬性">
相關屬性：
alt="給圖片的註解文字"
border="N"，N為數字
height="Piexls"
width="Piexls"
align="top、middle、bottom、left、right"
hspace="piexls"(左右)，v=垂直 vertical
vspace="piexls"(上下)，h=水平 horizontal
很簡單吧！不難記，多看幾遍就熟悉了；重點在於如何運用及版面安排。
|
A.網頁圖片標籤，是www最美的地方，讓您的網站不再是單調、死版、枯燥無味。
B.現在我們用實例來逐一介紹這幾組標籤，為了便於管理與示範，我已先建bottom & gif兩個次目錄。
1.基本架構A：底圖<body background="圖案名稱.附檔名>
2.基本架構B：圖檔<img src="路徑/圖案名稱.附檔名 相關屬性>
3.相關屬性：註解<alt="給圖片的註解文字">、邊寬<Border="N">
4.相關屬性：寬高尺寸<width="Piexls" Height="Piexls">
5.相關屬性：位置<align="top、middle、bottom、left、right">
6.相關屬性：間距<Hspace="Piexls"(左右)> Vspace="Piexls"(上下)>
7.綜合範例
8.階梯式圖文變化、Align垂直變化及用表格來製作圖框範例
9.特殊用法：透明圖製作，讓圖片也能透空，達到某些效果。
10.特殊用法
其他注意事項
1.如果您是初學者，建議您務必對圖檔格式等基本觀念，有一個基本瞭解。
2.不斷重覆顯示或使用過多的動畫，恐會造成不良效果。
3.檔案過大的圖檔(50kb以上)不宜使用，如真有需要時，最好將他分割成幾小塊，以加快顯示速度。
您可以使用PhotoImpact的網路=>影像切割=>平均切割=>另存新檔，輕易完成這個工作。
4.圖檔上傳(FTP)，記得選用Binary模式。
D.本次作業：
1.請您自己完成一個有背景及許多圖檔的網頁，做個Linking然後傳上您的主機，命名為image.htm。
2.如果您已完成並上傳完畢，請 E-mail 給我，我會上去看看您的結果。
|