一個吸引人的網站，不免俗的就是圖案啦~~~
今天我們要來講的就是怎麼在網頁中加入自己想要的圖片!

img

<img src="圖片路徑" alt="替代文字">

<img src="https://www.bing.com/images/search?view=detailV2&id=0330B872A8F017F4921B4322DD1A94AAA629DE51&thid=OIP.UXDhPIUYNPhtU6bUcquKiwHaEn&mediaurl=http%3A%2F%2Fimg.ivsky.com%2Fimg%2Ftupian%2Fpre%2F201101%2F07%2Fxiaoxiong_weini-041.jpg&exph=512&expw=820&q=%e7%86%8a%e7%b6%ad%e5%b0%bc&selectedindex=21&ajaxhist=0&vt=0&eim=0" alt="小熊維尼圖片">

你會看到:

alt其實有點類似這張圖的名稱，當圖片路徑找不到圖檔時，我們就可以從alt中知道這裡本來應該要出現什麼圖片，這樣才能在出錯時方便又快速的修正。

看到圖片的路徑連結，可以得知，其實我們不是直接在網頁上插入圖片，而是在網路上連結到那張圖片才顯示在自己的網頁裡。要記得，<img>標籤是沒有結束標籤的喔!

調整高度和寬度

有時候我們在網頁的版面設計上，只預留了特定大小的空間放圖，
width是用來調整寬度，而height是用來設定高度。
我們稱之為屬性，是放在標籤裡的設定。
<img src="圖片路徑" height="350px" alt="替代文字">
也可以根據自己想要的大小再作設定，感覺挺客製化的是不是~