html檔案中怎麼插入影象

工具/原料

dreamweaver

方法/步驟

網頁的建立為了一些必要我們需要新增一些圖片，現在我們就開始新增圖片

2、選擇確定後會跳出以下的介面，繼續選擇確定，如圖

3、這時就將影象插入到了html檔案中了，效果如下圖

1、新建html檔案，在body標籤中新增img標籤，img標籤在html中沒有結束標籤，所以不需要新增“</img>”程式碼。給img標籤新增屬性“src”，屬性值填自己想要新增圖片的地址，這裡以同一目錄下的1.png為例，這樣圖片就新增好了:

2、為了防止使用者瀏覽網頁時圖片載入失敗而不知道這邊是什麼內容，可以給img標籤新增“alt”屬性，屬性值填想要顯示的內容，這裡以“鸚鵡”為例，此時，當圖片載入失敗時，“鸚鵡”兩個字就會顯示出來：

3、img插入的圖片大小預設是圖片自身的大小，我們可以用“width”屬性和“height”屬性控制圖片大小，這裡以寬度200和高度200為例，此時程式碼就是“width="200" height="200"”，這樣圖片大小就會變成200*200：