網站代碼基本代碼 如何用div css給網頁添加圖片,求代碼?
如何用div css給網頁添加圖片,求代碼?1. 首先,打開sublime_uu2;Text軟件,在其中新建一個HTML文件,然后編寫最簡單的網頁格式代碼:2,然后創(chuàng)建一個高200px、寬200px、
如何用div css給網頁添加圖片,求代碼?
1. 首先,打開sublime_uu2;Text軟件,在其中新建一個HTML文件,然后編寫最簡單的網頁格式代碼:
2,然后創(chuàng)建一個高200px、寬200px、顏色為藍色的div框:
3,然后在代碼中添加背景圖像,然后引入一個圖像,URL是圖像的相對路徑地址,相對的是HTML文件的目錄:
4,最后在瀏覽器中打開瀏覽器,可以看到插入的圖像:
HTML網頁中怎么寫插入圖片的代碼?
1。代碼中常用的插入圖像代碼是img attribute,格式是<img SRC=“”ALT=“”> SRC,后跟添加圖像的地址,ALT是圖像的描述。
2. 在插入圖像之前,應該將HTML文件和圖像文件放在一個文件夾中。這里的IMG文件夾是存儲圖像的特殊位置。
3. 然后返回代碼欄,在SRC_01.jpg中輸入鏈接地址img/pic,您需要寫下圖片的所有具體地址和名稱,然后才能在網頁中看到它。否則,將顯示連接失敗錯誤,并且無法查看圖片。
4. 保存文件后,我們可以在瀏覽器中看到,此時的圖像已經添加,該圖像位于網頁的左上角。
5、如果要移動圖片的位置,需要先把圖片包起來,包在一個盒子里,然后調整盒子的位置,相當于移動圖片的位置。
6. 如圖所示,之前設置的盒子距離頂部100px,然后距離左側100px,這樣盒子被擠壓到當前位置,如圖所示。