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

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

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

img標簽的屬性

img標簽內可以包含：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標簽怎么使用”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“html的img標簽怎么使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道。

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

成都網站建設公司_創新互聯，為您提供搜索引擎優化、商城網站、小程序開發、網站改版、App開發、外貿網站建設

廣告

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