在 HTML 標簽中,<img> 標簽用於定義 HTML 頁面中的圖像。
src 是<img>標簽的必須屬性,它用於指定圖像文件的路徑和文件名。
所謂屬性:簡單理解就是屬於這個圖像標簽的特性。
註意:
1.圖像標簽可以擁有多個屬性,各必須寫在標簽名的後面。
2.屬性之間不分先後順序,標簽名與屬性、屬性與屬性之間均以空格分開。
3.屬性采取鍵值對的格式,即 key=“value" 的格式,屬性 =“屬性值”。
4.圖片的width和height屬性只需要設置其中壹個,另壹個就會等比例縮放。同時設置兩個會使圖片壓縮失真。
優點:
1.運行環境簡單明了,不隨網頁位置的變化而變化。
2.比較安全。
缺點:
1.當html在別的電腦上打開,或者圖片更換了盤符之後,圖片就沒辦法在頁面中顯示,圖片的移植性較差。
在網站上右鍵點擊復制圖像地址,寫入src中就可成功引入。
優點:
1.路徑簡單明了,便與搜索引擎搜索。
2.只要有網絡,不管html文件怎麽移動,圖片還能正常顯示。
缺點:
不容易移植,如果網站域名變化,所有的圖片會全部失效。
以html文件所在位置為參考基礎,而建立出的目錄路徑。 即圖片相對於 HTML 頁面的位置。
直接書寫即可,壹定要加上圖片的後綴名。
<img src="同壹級路徑圖片名字.png" />