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