HTML之圖像標簽
來源：尚品中國|
類型：網站百科|
時間：2015-01-20
在網頁中加入適當的圖片可以使網頁豐富多彩，網站設計具有更強的吸引力。那么，如何實現在網頁中插人圖像呢?可以利用![]()
標簽在HTML文件中插入圖片。< img>標簽的常見屬性如下：
(1) scr屬性:設置圖片的相對或絕對路徑。
(2) alt屬性:設置圖片的簡單文本說明。
(3) align屬性:設置圖片的對齊方式，取值有left, right, top, middle和bottom。
(4) border屬性:設置圖片框線粗細。
(5) height屬性:設置圖片的高度。
(6) width屬性:設置圖片的寬度。
(7) hspace屬性:設置圖片的水平間距。
(8) vspace屬性:設置圖片的垂直間距。
(9) name屬性:設置圖片的名字。
(10) usemap屬性:設置熱點鏈接所在位置及名稱。
(11) longdesc屬性:設置圖片的說明文字。
(12) lowsrc屬性:設置低分辨率圖片的相對或絕對位置。
在上面這些屬性中，最常用的有兩個屬性:src和alt。
src屬性必須包含絕對路徑或是相對路徑。圖片可以是GIF文件、JPEG文件或是PNG文件。
瀏覽Web頁時經常會發現，在有些情況下,例如由于瀏覽器的原因或者網絡出現問題時，可能會造成圖片無法顯示。如果是裝飾性的圖片那還沒有太大影響，如果是與內容緊密相關的圖片就會影響效果，因此，即使顯示不出來，也至少要告訴瀏覽者圖片大致是什么內容。這時使用alt屬性就可以做到這一點。
width屬性和height屬性用于指定圖片在頁面中顯示的規格。一般來說，如果不指定，則按原來的大小顯示?？梢灾付ń^對大小或相對大小，絕對大小以像素為單位，相對大小以百分比為單位。
如果只設定width屬性和height屬性中的一種，則瀏覽器會自動根據圖片的寬高比率將另一個屬性也做出調整，以保證圖片不變形。但是如果兩者都設定的話，則有可能會造成圖像扭曲。
(1) scr屬性:設置圖片的相對或絕對路徑。
(2) alt屬性:設置圖片的簡單文本說明。
(3) align屬性:設置圖片的對齊方式，取值有left, right, top, middle和bottom。
(4) border屬性:設置圖片框線粗細。
(5) height屬性:設置圖片的高度。
(6) width屬性:設置圖片的寬度。
(7) hspace屬性:設置圖片的水平間距。
(8) vspace屬性:設置圖片的垂直間距。
(9) name屬性:設置圖片的名字。
(10) usemap屬性:設置熱點鏈接所在位置及名稱。
(11) longdesc屬性:設置圖片的說明文字。
(12) lowsrc屬性:設置低分辨率圖片的相對或絕對位置。
src屬性必須包含絕對路徑或是相對路徑。圖片可以是GIF文件、JPEG文件或是PNG文件。
瀏覽Web頁時經常會發現，在有些情況下,例如由于瀏覽器的原因或者網絡出現問題時，可能會造成圖片無法顯示。如果是裝飾性的圖片那還沒有太大影響，如果是與內容緊密相關的圖片就會影響效果，因此，即使顯示不出來，也至少要告訴瀏覽者圖片大致是什么內容。這時使用alt屬性就可以做到這一點。
width屬性和height屬性用于指定圖片在頁面中顯示的規格。一般來說，如果不指定，則按原來的大小顯示?？梢灾付ń^對大小或相對大小，絕對大小以像素為單位，相對大小以百分比為單位。
如果只設定width屬性和height屬性中的一種，則瀏覽器會自動根據圖片的寬高比率將另一個屬性也做出調整，以保證圖片不變形。但是如果兩者都設定的話，則有可能會造成圖像扭曲。
來源聲明：本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業-
科研院所網站建設
隨著科學技術??的不斷發展，科研院所的重要性也越來越大。因此，建設一份...
2023-06-05 -
網站推廣和網站建設的關系是？
一些站長發現，有一些企業的官方網站，不需要做什么優化，只要上線了，就會...
2018-08-07 -
建設好的新站如何快速優化排名？
許多新手在接管新網站時根本不知道如何開始。這里，新站的準備工作是由北京...
2020-09-08 -
網絡計劃技術的發展前景
網絡計劃技術的產生到現在不過二十多年，在這二十多年內，‘它...
2014-10-31 -
談如何建設信息門戶網站
這幾天，就為一事煩惱，那就是新的信息門戶的版面設計，給客戶出了三個版面...
2012-07-22 -
小型企業站該怎樣做內容
基本上適用與每個行業。再回到文章的開頭處，以上的四種方法完全是筆者通過...
2012-06-27
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2024 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
