圖片標簽用於向當前頁面中引入一個外部圖片，使用img標簽來引入外部圖片，img標簽是一個自結束標簽，img這種元素屬於替換元素（塊和行內元素之間，具有兩種元素的特點）
屬性：
src 屬性指定的是外部圖片的路徑(路徑規則與超鏈接一致)
alt 圖片的描述，這個描述默認情況下不會顯示，有些瀏覽器會圖片無法加載時顯示，搜索引擎會根據alt中的內容來識別圖片，如果不寫alt屬性則圖片不會被搜索引擎所搜索。
width 圖片的寬度(單位是像素)
height 圖片的高度
-寬度和高度中如果只修改了一個，另外一個會等比例縮放
注意：一般情況在pc端，不建議修改圖片的大小，需要多大的圖片就裁多大，但是在移動端，經常要對圖片進行縮放（大圖縮小）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>av</h1> <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201811%2F18%2F20181118205113_lffkt.thumb.400_0.gif&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636731875&t=31473b6ce6a6188ffd3c3f71cafacc81" alt="童年"> 加qq1961522914 <br> <br> <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.mp.sohu.com%2Fupload%2F20170614%2Fcf0c5709ddb94e9b80ed1e75e26e332d_th.png&refer=http%3A%2F%2Fimg.mp.sohu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636732459&t=48f1565d0172f004ae7146e3331c8215" width="200"> </body> </html>
圖片的格式:
jepg(jpg)
支持的顏色比較豐富，不支持透明效果，不支持動圖，一般用來顯示照片
gif
支持的顏色比較少，支持簡單透明，支持動圖，顏色單一的圖片，動圖
png
支持的顏色豐富，支持復雜透明，支持動圖，顏色豐富，復雜透明圖片（專為網頁而生）
webp
這種格式是谷歌新推出的專門用來表示網頁的圖片的一種格式，它具備其他圖片格式的縮影有點，而且文件還特別下，缺點：兼容性不好
base64
將圖片使用base64編碼，這樣可以將圖片轉換為字符，通過字符的形式來引用圖片
效果一樣，用小的
效果不一樣，用效果好的。