如何用div css給網(wǎng)頁添加圖片，求代碼？1. 首先，打開sublime_uu2;Text軟件，在其中新建一個(gè)HTML文件，然后編寫最簡單的網(wǎng)頁格式代碼：2，然后創(chuàng)建一個(gè)高200px、寬200px、

如何用div css給網(wǎng)頁添加圖片，求代碼？

1. 首先，打開sublime_uu2;Text軟件，在其中新建一個(gè)HTML文件，然后編寫最簡單的網(wǎng)頁格式代碼：

2，然后創(chuàng)建一個(gè)高200px、寬200px、顏色為藍(lán)色的div框：

3，然后在代碼中添加背景圖像，然后引入一個(gè)圖像，URL是圖像的相對路徑地址，相對的是HTML文件的目錄：

4，最后在瀏覽器中打開瀏覽器，可以看到插入的圖像：

HTML網(wǎng)頁中怎么寫插入圖片的代碼？

1。代碼中常用的插入圖像代碼是img attribute，格式是<img SRC=“”ALT=“”> SRC，后跟添加圖像的地址，ALT是圖像的描述。

2. 在插入圖像之前，應(yīng)該將HTML文件和圖像文件放在一個(gè)文件夾中。這里的IMG文件夾是存儲(chǔ)圖像的特殊位置。

3. 然后返回代碼欄，在SRC_01.jpg中輸入鏈接地址img/pic，您需要寫下圖片的所有具體地址和名稱，然后才能在網(wǎng)頁中看到它。否則，將顯示連接失敗錯(cuò)誤，并且無法查看圖片。

4. 保存文件后，我們可以在瀏覽器中看到，此時(shí)的圖像已經(jīng)添加，該圖像位于網(wǎng)頁的左上角。

5、如果要移動(dòng)圖片的位置，需要先把圖片包起來，包在一個(gè)盒子里，然后調(diào)整盒子的位置，相當(dāng)于移動(dòng)圖片的位置。

6. 如圖所示，之前設(shè)置的盒子距離頂部100px，然后距離左側(cè)100px，這樣盒子被擠壓到當(dāng)前位置，如圖所示。