第三篇
HTML教學
第五節
網頁圖片
圖檔基本架構標籤
<
Img
Src
="
圖案名稱.附檔名
"
>
Img
原文為
Im
a
g
es
Src
原文為
S
ou
rc
e
標籤語法
產生效果
語 法 說 明
<
Img
Src
="
圖案名稱.附檔名
"
>
圖片
Img
標籤很好記，它就是英文的
Im
a
g
es ，也就是圖片(案)的意思。
Src
屬性也很好聯想，它就是英文的
S
ou
rc
e ，也就是檔案來源的意思。
圖片(案)來源可使用 *.JPG 、 *.GIF 或 *.PNG 等圖檔格式。
範例
HTML標籤
<
Img
Src
="
images/pic1.jpg
"
>
顯示結果
請注意！
此範例屬於第六節 - 網頁超鏈結範圍
在此先知道有這個功能，建議下一節再學習
感謝您的配合！
圖檔語法就是這麼簡單，有必要用到強大又複雜的編輯工具嗎？學會 HTML 語法以後，您會發現非常值得的。
接下來我們再學習，
<
Img
...
>
內其他相關屬性吧！
注意事項
：此範例我用採路徑 (
images/pic1.jpg
) 方式，請參考第六節超鏈結語法教學
。
圖檔語法就是這麼簡單，有必要用到強大又複雜的編輯工具嗎？學會 HTML 語法以後，您會發現非常值得的。
注意事項：此範例我用採路徑 (images/pic1.jpg) 方式，請參考第六節超鏈結語法教學 
