圖片標簽為<img>，為單閉合標簽，使用時<img src="./im.png" alt="花"/>
必選屬性:
- alt 圖像的替代文本
- src 規定顯示圖像的URL
img屬於行內替換元素，可以使用height/width/padding/margin均可以使用，效果等效於塊元素。如果設定了width但未設置height，那么img的height會根據比例縮放。
如何讓圖片在div中居中顯示？
1、對div使用text-align屬性將圖片水平居中，同時使用padding-top值使其垂直居中。
2、利用圖片的margin屬性或者div的padding屬性計算后居中。
3、將其轉化塊元素（display:block）然后對其設置margin:0 auto;
圖片自動適應DIV容器大小：
1.設置div容器的大小，里面img的寬度設置為寬和高100%；
2.img的屬性是設置一個寬或者高值時，另一個值就會等比例縮放，如果遇到這樣的，也可以使用js來判斷圖片哪個大，然后根據大的值設置固定值，從而使學習圖片適配（這種方式也長用在延時加載圖片場景，通過js監測窗口的大小來判斷加載不同分配率的圖片，對於移動設備下載的圖片會小一些）。