在HTML中,圖像標簽為<img>。<img>是一個自閉合標簽。img標簽只需要掌握3個屬性就可以了:src、alt、title。
語法:
<img src="圖片地址" alt="圖片描述(給搜索引擎看)" title="圖片描述(給用戶看)">
src和alt這兩個屬性是img標簽必不可少的屬性。其他屬性我們一般用不到,所以只需要掌握這兩個屬性即可,大家要是在別的書籍上看到<img>還有別的屬性,你不用去記憶它們。
相對路徑,指的是同一個網站下,不同文件之間的的位置定位。引用的文件位置是相對當前文件的位置而言,從而得到相對路徑。
絕對路徑,指的是文件的完整路徑。
詳細復習內容,請查看相對路徑和絕對路徑。
雖然圖片格式這一節知識比較多,大部分我們只需要了解就可以了,我們只需要掌握.jpg、.png和.gif三種圖片格式的區別即可。
1、JPG可以很好處理大面積色調的圖像,如相片、網頁一般的圖片。
2、PNG格式圖片體積小,而且無損壓縮,能保證網頁的打開速度。最重要的是PNG格式圖片支持透明信息。PNG格式圖片可以稱為“網頁設計專用格式”。
3、GIF格式圖片圖像效果很差,但是可以制作動畫。