HTML5筆記007 - 第07章 圖片
阿新 • • 發佈:2020-08-19
第07章 圖片
7.1 圖片標籤
圖片標籤:<img src="" alt="" title="" />
src屬性用於指定圖片所在的路徑;可以是相對路徑,也可以是絕對路徑;這個屬性必不可少;
alt屬性用於描述圖片無法顯示時頁面顯示的文字;
title屬性用於當滑鼠指標移到圖片上時顯示的文字。
7.2 圖片路徑
絕對路徑
相對路徑
多數情況下,都使用相對路徑來獲取圖片;
7.3 圖片格式
圖片格式:點陣圖、向量圖 點陣圖由畫素組成的圖片,放大或縮小都會失真; 向量圖由計算機圖形學中點、直線或多邊形等表示出來的幾何影象;放大、縮小或旋轉都不失真; 點陣圖和向量圖的區別: 點陣圖適用於展示色彩豐富的圖片,而向量圖不適用於展示色彩豐富的圖片; 點陣圖的組成單位是畫素,而向量圖組成單位是數學向量; 點陣圖受解析度影響,當圖片放大時會失真;而量圖不受解析度影響,當圖片放大時不會失真。 網頁中的圖片絕大多數都是點陣圖,而不是向量圖。