1. 程式人生 > 實用技巧 >HTML5筆記007 - 第07章 圖片

HTML5筆記007 - 第07章 圖片

第07章 圖片

7.1 圖片標籤

圖片標籤:<img src="" alt="" title="" />
src屬性用於指定圖片所在的路徑;可以是相對路徑,也可以是絕對路徑;這個屬性必不可少;
alt屬性用於描述圖片無法顯示時頁面顯示的文字;
title屬性用於當滑鼠指標移到圖片上時顯示的文字。

7.2 圖片路徑

絕對路徑
相對路徑
多數情況下,都使用相對路徑來獲取圖片;

7.3 圖片格式

圖片格式:點陣圖、向量圖
點陣圖由畫素組成的圖片,放大或縮小都會失真;
向量圖由計算機圖形學中點、直線或多邊形等表示出來的幾何影象;放大、縮小或旋轉都不失真;
點陣圖和向量圖的區別:
點陣圖適用於展示色彩豐富的圖片,而向量圖不適用於展示色彩豐富的圖片;
點陣圖的組成單位是畫素,而向量圖組成單位是數學向量;
點陣圖受解析度影響,當圖片放大時會失真;而量圖不受解析度影響,當圖片放大時不會失真。
網頁中的圖片絕大多數都是點陣圖,而不是向量圖。