在HTML中,img標簽用來在網頁中引入一張圖片,其主要有無個屬性:src,alt,title,widtht和height。其中,src用來指定圖片的路徑,alt用來指明用來替代的文字,title用來指定鼠標在圖片上懸停時顯示的文字內容,widtht和height分別指定圖片的寬和高,其基本格式如下:
<img src="圖片的存儲路徑" alt="用來替代的圖片介紹說明文字" width="圖片顯示的寬度" height="圖片顯示的高度" title=“圖片介紹文字" />
關于其屬性的詳細說明:
(1)alt -- 圖片的替代文字:對于不支持圖片的瀏覽器或圖片不存在時,可以用alt屬性中的內容在圖片的位置以替換。對于網頁的優化來講,這個屬性最好加上內容;
(2)title -- 圖片的提示文字,當鼠標停留到圖片上時,會提示相關文字
(3)當未給定width和height的值時,瀏覽器會自動識別出圖像的高度與寬度,對于網頁的優化來講,最好給定其尺寸,這有利于搜索引擎對圖片的尺寸進行判斷。
下面給出個例子:
<img src="/other/texiao/tpzs/08081204wi42.jpg" alt="我的書房" title="我的書房" width="500" height="320" />
新聞熱點
疑難解答