這篇文章主要介紹了html的img標簽怎么使用的相關知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇html的img標簽怎么使用文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)建站長期為1000+客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為安鄉(xiāng)企業(yè)提供專業(yè)的網(wǎng)站設計制作、網(wǎng)站設計，安鄉(xiāng)網(wǎng)站改版等技術服務。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

html的img標簽可以用于在網(wǎng)頁上顯示圖像，它是僅包含屬性的空標記，沒有結束標記</>。

img標簽的屬性

img標簽內(nèi)可以包含：src屬性、height和width屬性、alt屬性。其中src屬性和alt屬性是HTML img標簽的重要屬性。

下面我們來具體看看img標簽的這些屬性：

1、src屬性

src屬性是描述圖像源或路徑的必要屬性，它指示瀏覽器在服務器上查找圖像的位置。

那么獲取圖像？分兩種情況：

1)、獲取同一文件夾中圖像

當HTML文件和圖像在同一個文件夾中時，像這樣：

我們可以直接在src屬性中填寫圖像名稱，如：

1 2 3 4

<div class="demo">     <h2>img標簽</h2>     <img src="1.jpg" /> </div>

效果圖：

2）、在另一個目錄/文件夾中，如：

則可以像這樣訪問圖像：

1 2 3 4

<div class="demo">     <h2>img標簽</h2>     <img src="img/1.jpg" /> </div>

效果圖如上圖一樣。

如果復雜點，當我們將 1.jpg的圖像放在本地磁盤E ------> img文件夾中時，我們可以這樣顯示圖片：

1	< img src="E:/img/1.jpg">

2、height和width屬性

img標簽的height和width屬性可以用來設置圖像的高度和寬度，例：

1	<img src="img/1.jpg"  width="450px" height="300px"/>

效果圖：

img標簽圖像的高度和寬度也可以通過css來設置，例：

1 2 3 4

img{    width:450px;    height:300px; }

3、alt屬性

當圖像無法在瀏覽器上顯示時，可以使用alt屬性顯示替代文本。

例：想要顯示1.jpg圖片，但文件夾中沒有

1 2	<h2>img標簽</h2> <img src="img/1.jpg"  width="450px" height="300px"/>

效果圖：

關于“html的img標簽怎么使用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“html的img標簽怎么使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞名稱：html的img標簽怎么使用
文章位置：http://www.chinadenli.net/article22/iigsjc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、商城網(wǎng)站、小程序開發(fā)、網(wǎng)站改版、App開發(fā)、外貿(mào)網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)