HTML之圖像標簽
來源：尚品中國|
類型：網(wǎng)站百科
|時間：2015-01-20
在網(wǎng)頁中加入適當(dāng)?shù)膱D片可以使網(wǎng)頁豐富多彩，網(wǎng)站設(shè)計具有更強的吸引力。那么，如何實現(xiàn)在網(wǎng)頁中插人圖像呢?可以利用![]()
標簽在HTML文件中插入圖片。< img>標簽的常見屬性如下：
(1) scr屬性:設(shè)置圖片的相對或絕對路徑。
(2) alt屬性:設(shè)置圖片的簡單文本說明。
(3) align屬性:設(shè)置圖片的對齊方式，取值有l(wèi)eft, right, top, middle和bottom。
(4) border屬性:設(shè)置圖片框線粗細。
(5) height屬性:設(shè)置圖片的高度。
(6) width屬性:設(shè)置圖片的寬度。
(7) hspace屬性:設(shè)置圖片的水平間距。
(8) vspace屬性:設(shè)置圖片的垂直間距。
(9) name屬性:設(shè)置圖片的名字。
(10) usemap屬性:設(shè)置熱點鏈接所在位置及名稱。
(11) longdesc屬性:設(shè)置圖片的說明文字。
(12) lowsrc屬性:設(shè)置低分辨率圖片的相對或絕對位置。
在上面這些屬性中，最常用的有兩個屬性:src和alt。
src屬性必須包含絕對路徑或是相對路徑。圖片可以是GIF文件、JPEG文件或是PNG文件。
瀏覽Web頁時經(jīng)常會發(fā)現(xiàn)，在有些情況下,例如由于瀏覽器的原因或者網(wǎng)絡(luò)出現(xiàn)問題時，可能會造成圖片無法顯示。如果是裝飾性的圖片那還沒有太大影響，如果是與內(nèi)容緊密相關(guān)的圖片就會影響效果，因此，即使顯示不出來，也至少要告訴瀏覽者圖片大致是什么內(nèi)容。這時使用alt屬性就可以做到這一點。
width屬性和height屬性用于指定圖片在頁面中顯示的規(guī)格。一般來說，如果不指定，則按原來的大小顯示。可以指定絕對大小或相對大小，絕對大小以像素為單位，相對大小以百分比為單位。
如果只設(shè)定width屬性和height屬性中的一種，則瀏覽器會自動根據(jù)圖片的寬高比率將另一個屬性也做出調(diào)整，以保證圖片不變形。但是如果兩者都設(shè)定的話，則有可能會造成圖像扭曲。
(1) scr屬性:設(shè)置圖片的相對或絕對路徑。
(2) alt屬性:設(shè)置圖片的簡單文本說明。
(3) align屬性:設(shè)置圖片的對齊方式，取值有l(wèi)eft, right, top, middle和bottom。
(4) border屬性:設(shè)置圖片框線粗細。
(5) height屬性:設(shè)置圖片的高度。
(6) width屬性:設(shè)置圖片的寬度。
(7) hspace屬性:設(shè)置圖片的水平間距。
(8) vspace屬性:設(shè)置圖片的垂直間距。
(9) name屬性:設(shè)置圖片的名字。
(10) usemap屬性:設(shè)置熱點鏈接所在位置及名稱。
(11) longdesc屬性:設(shè)置圖片的說明文字。
(12) lowsrc屬性:設(shè)置低分辨率圖片的相對或絕對位置。
src屬性必須包含絕對路徑或是相對路徑。圖片可以是GIF文件、JPEG文件或是PNG文件。
瀏覽Web頁時經(jīng)常會發(fā)現(xiàn)，在有些情況下,例如由于瀏覽器的原因或者網(wǎng)絡(luò)出現(xiàn)問題時，可能會造成圖片無法顯示。如果是裝飾性的圖片那還沒有太大影響，如果是與內(nèi)容緊密相關(guān)的圖片就會影響效果，因此，即使顯示不出來，也至少要告訴瀏覽者圖片大致是什么內(nèi)容。這時使用alt屬性就可以做到這一點。
width屬性和height屬性用于指定圖片在頁面中顯示的規(guī)格。一般來說，如果不指定，則按原來的大小顯示。可以指定絕對大小或相對大小，絕對大小以像素為單位，相對大小以百分比為單位。
如果只設(shè)定width屬性和height屬性中的一種，則瀏覽器會自動根據(jù)圖片的寬高比率將另一個屬性也做出調(diào)整，以保證圖片不變形。但是如果兩者都設(shè)定的話，則有可能會造成圖像扭曲。
來源聲明：本文章系尚品中國編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò)，如有侵權(quán)，請及時與本站聯(lián)系（010-60259772）。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
如何在網(wǎng)頁中使用圖片
要在頁面中使用圖片，應(yīng)該具有一定的原則。因為濫用圖片將使得下載速度...
2015-01-21 -
站長如何探知企業(yè)網(wǎng)站做SEO的價值所在
如今社會開展趨向，SEO成了企業(yè)冤家的首選推行工具，好似SEO網(wǎng)站...
2012-05-31 -
手機網(wǎng)站建設(shè)是否可以幫助企業(yè)宣傳？
手機網(wǎng)站又稱WAP網(wǎng)站，是指用WML(無線標記語言)編寫的、專用于手機...
2023-04-17 -
網(wǎng)站制作過程中風(fēng)格的體現(xiàn)應(yīng)注意的問題
一個網(wǎng)站的建站風(fēng)格直接的影響到網(wǎng)站的大眾的接受能力，也是網(wǎng)站發(fā)展建設(shè)的...
2014-07-20 -
企業(yè)官網(wǎng)建設(shè)這幾個關(guān)鍵點一定要注意
現(xiàn)在互聯(lián)網(wǎng)已經(jīng)變得非常流行，對網(wǎng)站建設(shè)的需求也在增加。那么，如何建立一...
2020-11-09 -
企業(yè)建站需要花多少錢？有免費的嗎？
習(xí)慣性的，在企業(yè)建站時，大家都會咨詢是不是有免費版本可以參考，或者是免...
2023-03-03
如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度，該怎么辦？
預(yù)約專業(yè)咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權(quán)所有 | 京ICP備09066521號
| 公安機關(guān)備案號:11011502003910
免責(zé)聲明
誠信企業(yè)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī)，當(dāng)本聲明與國家法律法規(guī)沖突時，以國家法律法規(guī)為準。
4、如果侵害了您的合法權(quán)益，請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com
