關(guān)注問題
2人贊同了該回答
? 1、在代碼中經(jīng)常用到的插入圖片代碼是襲蘆img屬性，格式就是![]()
src后面是添加圖片的地址，后皮型面的alt是對圖片的描述。
2、在插入圖片前，要將html文燃禪猜件和圖片文件放在一個文件夾內(nèi)，這里的img文件夾就是專門存放圖片的地方。
3、然后回到代碼欄，在src中輸入鏈接地址img/pic_01.jpg，要將圖片的具體地址和名稱全部寫全才可以在網(wǎng)頁中看到，否則就會顯示連接失敗錯誤而無法觀看到圖片。
4、將文件保存后，在瀏覽器中我么就可以看到此刻的圖片被添加進(jìn)來了，位于網(wǎng)頁的左上角位置。
5、如果想要移動圖片的所在位置，就需要先對其包裝一下，用一個盒子將其包裹，然后調(diào)整盒子的位置就相當(dāng)于移動的是圖片的位置了。
6、如圖，之前設(shè)置的盒子距離頂部100px.然后距離左側(cè)100px，這樣就將盒子擠到了現(xiàn)在所在的位置，如圖所示。
發(fā)布于2023-05-17
注意這里的圖片名pic2.jpg包括擴(kuò)展名。
3、相對路徑
相對路徑是指相對于當(dāng)前頁面的位置，這句話不好理解，我們通過4種情況來說明。
?。?）網(wǎng)頁和圖片在同一個文件夾里，就是這里的page3和pic1的關(guān)系或者page2和pic2的關(guān)系。這種情況直接引用圖片的名稱就可以。
（2）圖片在與網(wǎng)頁同級的文件夾里，就是這里的page2和pic1的關(guān)系，這里要用到pic1所在的文件夾名。
?。?）圖片在網(wǎng)頁的上級文件夾里，就像page1和pic2的關(guān)系，引用代碼如下：
注意這段代碼里的“..”表示的是上一級文件夾。誰的上一級文件夾？當(dāng)前網(wǎng)頁的所在文件夾的上一級。所以"..pic2.jpg"的意思是“本網(wǎng)頁的上一級文件夾里的pic2.jpg圖片”。
?。?）圖片和網(wǎng)頁分別在兩個同級的文件夾中，就像此處的page1和pic1的關(guān)系，引用的代碼和顯示效果如下：
（5）會不會有其它的情況？
理論上說會，實際上誰把網(wǎng)頁和相應(yīng)的圖片放在那么遠(yuǎn)的地方呢？
4、常見的圖片格式
?。?）常見的圖片格式有兩類：位圖和矢量圖
位圖的常用格式有.jpg、.jpeg、.png、.gif，矢量圖的常用格式為.swf，它們的特點如下圖所示。
（2）以上三種位圖的引用代碼和顯示效果如下：
