正體      簡體

2020 年 8 月 7 日  首 頁

全國院所

藥品查詢

網路掛號

整型美容

健康報導

醫療新聞

網站論壇

資訊交流

網路ATM

  【類別】:網路資源 → 電腦資源 → 網頁*教學

線上諮詢

3511人觀看






 
回 網頁*教學

facebook  噗浪 Plurk  twitter  delicious  MyShare  Windows Live  yahoo  google  FunP 推推王  

 
圖片標籤
 
在 HTML 中有規定:
圖片的格式必須是 GIF 或 JPG,也就是副檔名必須是 GIF 或 JPG 才行插入在網頁中,比較兩者大小,GIF 的所占的容量較小,JPG 較大,通常,較小的圖片都可以用 GIF 格式的圖檔,較大則用 JPG 格式。
若比較兩者的品質,GIF 的色彩可到 256 色,且支援透明圖,JPG 則到 16 百萬色,不過在網頁中,建議盡量使用 GIF 格式的圖檔,以節省空間。
∼標籤語法∼
<img src="圖片路徑" alt="替代文字" align="left" border="0" hspace="2" vspace="2" height="25" width="150">

圖片的插入:使用 <img> 標籤
例如我們要插入一個圖片就打入:<img src="/目錄/檔名.gif">
這樣,就可以把圖片放在網頁中了。

另外,<img> 標籤還有一些屬性,可更改圖片的位置、大小、替換文字、圖片間的間隔。
<img src="圖片路徑">:
顯示圖片最基本的方法。
有一點要注意的就是:圖檔檔名大小寫要注意是否和原始碼相同。
因為在硬碟中,不論檔名是大小寫,都能正常顯示。
但傳上了網路之後,大小寫不同可是代表不同的檔案。尤其是副檔名最會出錯!

既然這裡已經提到路徑的問題,那就把絕對路徑和相對路徑的差別先做解釋吧。

絕對路徑:一個檔案在硬碟中的絕對位置。如=>C:/我的網頁/index.htm
相對路徑:被連結檔案相對於主體檔案的位置。如=>index.htm

說的白話一些就是,假設有A檔案在C:/我的網頁/A,B檔案在C:/我的網頁/image/B,那麼前面的描述就是絕對位置。
而A相對於B是在../A,B相對於A是在image/B,這就是相對位置的描述。
其中../表示上一層目錄的意思。
所以做網頁大都是用相對位置。因為網路伺服器上可沒有你的C槽

  您可以在圖片檔名前加上路徑。如 <img src="picture/image.gif"> 則會出現在 picture 目錄下的 image.gif 這個圖。

基本語法設定
alt 的設定
align 的設定
border 的設定
hspace 和 vspace 的設定
height 和 width 的設定
low src 的設定
範例總覽
<img src="heartbeatWHT.gif">
<img src="heartbeatWHT.gif" alt="腳印"> 移到圖片上看看
<img src="heartbeatWHT.gif" align="right">
<img src="heartbeatWHT.gif" vspace="5">
<img src="heartbeatWHT.gif" hspace="5">
<img src="heartbeatWHT.gif" border="3">
<img src="heartbeatWHT.gif" height="16" width="16">

語法練習

∼FrontPage做法∼
加入圖片:選擇插入/圖片中的檔案,按瀏覽,指定圖檔的位置。接著點選圖片兩下,在一般中就可以修改圖片設定

※小叮嚀:投稿或引述文章內容請記得註明出處,以示尊重其著作財產權利,倘有疏漏之處也歡迎來信指教,謝謝。

 

 

投稿信箱

補充意見



 

4C快修連鎖-筆電+手機+電腦+iphone-專業維修買賣

周一至周六 11:00 ~ 21:00

4C快修--新北淡水店
(02) 2621-4009
新北市淡水區新民街55號
4C快修-新北三重店
(02) 2973-7288
新北市三重區中正南路1號
4C快修--新竹竹東店
(03) 545-6220
新竹縣竹東鎮長春路二段65號

 
 

     連結優良資訊入口網 本站入圍衛生署95年度優良健康資訊網站      台灣醫療網 版權所有
  © 2006-2018 TW16 Network! Taiwan Inc. All Rights Reserved.   
客服信箱