如何在網頁中插入圖片

來源:酷知科普網 2.68W

如何在DW中插入圖片進行編輯呢?
插入圖片分為2種,一種直接插入,另一種是程式碼引入

如何在網頁中插入圖片

直接插入

(01)新建一個html文件

如何在網頁中插入圖片 第2張

(02)點選頂端導航的插入 選擇插入圖片

如何在網頁中插入圖片 第3張

(03)選擇圖片位置 並點選

如何在網頁中插入圖片 第4張

(04)插入圖片時我們可以直接調節圖片大小

如何在網頁中插入圖片 第5張
如何在網頁中插入圖片 第6張

引入圖片

(01)在<body></body>中間寫上 <img src 時系統會自動進入圖片引入程式 我們點選瀏覽

如何在網頁中插入圖片 第7張
如何在網頁中插入圖片 第8張

(02)選擇我們要引入的圖片

如何在網頁中插入圖片 第9張

(03)這是程式碼自動編輯引入的地址,由於圖片太大我們需要設定圖片大小

如何在網頁中插入圖片 第10張

(04)width="400"  height="600"  我們編寫的程式碼中width表示圖片款   height表示高 圖片為400x600畫素

如何在網頁中插入圖片 第11張

(05)點選儲存後瀏覽器效果

如何在網頁中插入圖片 第12張

特別提示

引入頭程式碼

熱門標籤