html中顯示圖片的代碼是“alt=quot圖像的替代文本quotwidth=quot圖像寬度值quotheight=quot圖像高度值quot”HTMLimg標簽定義HTML頁面中的圖像，該標簽的src屬性規(guī)定顯示圖像的URLSrc縮寫是什么意思 src其全稱是SampleRateConvertor采樣率轉換器的縮寫在html語言中，基本用到的標簽都是英文簡寫，src就是其中一個。

結論在HTML頁面上顯示圖片，只需使用標簽即可以下是詳細的步驟和相關知識要插入圖片，最簡單的方法是在HTML中插入標簽，其基本格式為首先，創(chuàng)建一個標簽，并在src屬性中填入圖片的本地路徑當你在瀏覽器中打開包含此標簽的HTML文件時，圖片就會顯示在頁面上，如下所示值得注意的是，標簽并非。

除了使用html的img src=#39#39引入圖片以外，還可以使用css的backgorund系列屬性將圖片作為背景圖添加由于background系列屬性比較多，這里不做過多介紹，只說幾個比較常用的屬性，其他的可參考官方文檔學習html代碼灶蔽 div class=quotboxquotdivcss設置圖片的分開寫法stylebox heigh。

直接放一個ltimg 標簽就行了格式為ltimg src=quot你的圖片路徑quot ，步驟如下1添加ltimg 標簽，資源“src”里面填寫本地圖片的路徑名2用瀏覽器打開文件，即可看到圖片已添加成功，如下圖所示 img標簽定義及使用說明ltimg 標簽定義 HTML 頁面中的圖像ltimg 標簽有兩個必需的屬性src。

代碼是“l(fā)timg scr = #39圖片地址#39”1新建html文件，在body標簽中添加img標簽，img標簽在html中沒有結束標簽，所以不需要添加“l(fā)timg”代碼給img標簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了2為了防止用戶瀏覽網頁時圖片加載失敗。

01打開記事本或其他代碼編輯器，創(chuàng)建一個新的HTML文件，如下圖所示 02用瀏覽器打開這個HTML文件，可以看到下圖所示的效果這幅畫在整頁的左邊03圖片居中可以通過HTML中的align屬性來控制在圖片的div中添加align=quotcenterquot04在瀏覽器中再次打開這個頁面文件，效果如下圖片已經顯示在中間05我們還。

需要準備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼ltimg src=quotsmall3pngquot 3瀏覽器運行indexhtml頁面，此時添加的本地圖片的路徑是相對路徑。

1在代碼中經常用到的插入圖片代碼是img屬性，格式就是src后面是添加圖片的地址，后面的alt是對圖片的描述2在插入圖片前，要將html文件和圖片文件放在一個文件夾內，這里的img文件夾就是專門存放圖片的地方3然后回到代碼欄，在src中輸入鏈接地址imgpic_01jpg，要將圖片的具體地址和名稱全部。

代碼如下1ltimgsrc=quotdivcss5logogifquotwidth=quot165quotheight=quot60quot img介紹？src后跟的是圖片路徑地址？width設置圖片寬度？height設置圖片高度 2我們在html源代碼中分別插入三張圖片，一張原始大一張將寬度高度改小小一張將寬度高度改大3效果圖。

ltimg src=quotEeg_thimjpgquot width=quot440quot height=quot330quotEeg_thimjpg是存放圖片的路徑網頁圖片的基本格式HTML的相關標準中并沒有規(guī)定圖片的格式，原則上來說是任意的但是目前市場上的主流瀏覽器對網頁圖片的格式有所要求，通常情況下是JPEG聯合圖像專家組和GIF圖像交換格式。

在網頁中插入圖片html圖片代碼方法步驟一html圖片標簽語法 ltimg src=quotdivcsslogogifquot width=quot165quot height=quot60quot img介紹src 后跟的是圖片路徑地址width 設置圖片寬度height 設置圖片高度 二具體html 圖片顯示實例 在html源代碼中分別插入三張圖片，一張原始大一張將寬度高度。

mp3quotltaudio ltbody 3瀏覽器運行indexhtml頁面，此時發(fā)現頁面多了背景圖片和背景音樂。

ltimg src=quotquotfileimage1gifquot 代碼寫錯了，還多了個“quot”調用本地文件是“\”而不是“”而且路徑不對，比方說你要調用的是c盤image文件夾里的1gif圖像，代碼應該這樣ltimg src=quotfile\C\image\1gifquot ，再比如你要是調用網絡圖像可以這樣ltimg src=quot。

src后面的信息就是指這個圖片在網站中的相對路徑或者絕對路徑有了這個路徑，圖片才可以在網頁中顯示出來。

2為了展示隱藏圖片后的效果，在img標簽的外部使用div標簽，同時設置div標簽的class屬性為mydiv3在testhtml文件內，編寫ltstyle type=quottextcssquotltstyle標簽，頁面的css樣式將寫在該標簽內4在css標簽內，設置類名為mydiv的樣式，使用border設置div的邊框為1px的灰色邊框，使用width設置div。

打開記事本或其他代碼編輯器，創(chuàng)建一個新的HTML文件，如下圖所示 用瀏覽器打開這個HTML文件，可以看到下圖所示的效果這幅畫在整頁的左邊圖片居中可以通過HTML中的align屬性來控制在圖片的div中添加align=quotcenterquot在瀏覽器中再次打開這個頁面文件，效果如下圖片已經顯示在中間我們還可以通過樣式。

問題分析1首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過ltimg標簽的方式來插入的話，可以通過ltimg自身的屬性控制圖片大小，代碼格式是ltimg src=quot圖片路徑quot width=quot圖片寬度quot height=quot圖片高度quot3如果非要通過css控制。