古詩詞大全網 - 個性簽名 - 03.圖像標簽img

03.圖像標簽img

在 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" />