- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 8百度安全衛士好用么_百度安全衛士技巧說明
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]本文詳細講解了html中的圖片標簽的多種使用功能，在一個html頁面中圖片肯定是少不了的，html的img標簽也很簡單很好掌握的，我們一起來看看吧！img顯示本地圖片使用的是相對路徑 如：<img src="./imgs/002.jpg">開發技巧：在實際開發中，一...
本文詳細講解了html中的圖片標簽的多種使用功能，在一個html頁面中圖片肯定是少不了的，html的img標簽也很簡單很好掌握的，我們一起來看看吧！img顯示本地圖片使用的是相對路徑 如：
<img src="./imgs/002.jpg">
開發技巧：在實際開發中，一般會在項目目錄下創建一個imgs文件夾，將圖片資源都放在里面，方便開發時圖片調用。如上面顯示的那樣，./imgs是找到圖片的所在目錄，/002.jpg是所要選擇的圖片。
img顯示網頁圖片使用的是絕對路徑 如：
<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"/>
img下有許多屬性可以選擇：
1、alt 表示圖片加載錯誤時的顯示內容，方便訪問者知道該圖片的用途。
如：
<img src="./imgs/001.jpg12" alt="logo">
顯示結果是：
表示這張圖片是一張logo圖。
2、align 表示圖片在文字中對齊的位置
top頂部對齊，bottom底部對齊，middle居中對齊。默認為底部對齊。
兩個懸浮效果 left圖片浮動到文字左側，right圖片浮動到文字右側。
3、通過width和height改變圖片的大小
2和3的代碼演示如下
<p>一張百度logo<img src="./imgs/001.jpg" width="100"/></p> <p>一張百度logo<img src="./imgs/001.jpg" align="top" width="100"/></p> <p>一張logo<img src="./imgs/002.jpg" align="bottom" width="100"></p> <p>百度logo<img src="./imgs/002.jpg" align="middle" width="100"></p> <p>百度logo<img src="./imgs/002.jpg" align="left" width="100"></p> <p>百度logo<img src="./imgs/002.jpg" align="right" width="100"></p>
其中圖片都是相對路徑下的本地圖片
4、點擊圖片，打開另一個鏈接
<p>點擊圖片打開鏈接 <a href="page1.html" title="點擊進入page1界面"> <img src="./imgs/001.jpg" alt="logo" width="200px" align="middle"/></a></p>
其中 page1.html為另外一個html文檔，代碼如下：
<html>
<head>
<title>page1界面</title>
</head>
<body>
<p>我是page1</p>
</body>
</html>
點擊圖片就會打開page1.html。
5、圖像映射
<img src="page.jpg" border="0" usemap="#page" alt="pages" />
<map name="page" id="page">
<area shape="circle" coords="180,139,14" href ="page1.html" alt="page1" />
<area shape="circle" coords="129,161,10" href ="page2.html" alt="page2" />
</map>其中area與map合用，且area在map標簽下。img的usemap指向map的name。實現點擊圖片不同位置，進入page1或page2兩個不同的鏈接。
以上就是 html img標簽的使用 的所有內容了，希望會給大家帶來幫助吧。
相關推薦：
以上就是html img標簽的使用的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
