摘要:中的圖片圖片的三種格式適合照片,包含一千六百多種顏色,這是一種有損格式,因?yàn)檎掌s小時(shí)會(huì)丟掉圖像的一些信息不支持透明度文件比較小不支持動(dòng)畫支持上百種顏色,的圖像。
HTML中的圖片
< img src="">圖片的三種格式
JPG
JPG適合照片,包含一千六百多種顏色,這是一種有損格式,因?yàn)檎掌s小時(shí)會(huì)丟掉圖像的一些信息
不支持透明度
文件比較小
不支持動(dòng)畫
PNG
PNG支持上百種顏色,的圖像。PNG有三種:
PNG-8,PNG-24,PNG-32
取決于你需要表示多少種顏色。
這是一種無(wú)損格式
允許將顏色設(shè)置為“透明”,使圖像下面的東西顯示出來(lái)
PNG文件的大小取決于顏色的多少
GIF
gif圖支持256種顏色
是一種“無(wú)損”格式
也可以設(shè)置透明度,但是只支持將一種顏色設(shè)置為“透明”
GIF文件一般比JPEG文件大
支持動(dòng)畫——三種格式里唯一支持動(dòng)畫的
總結(jié):
gif,png適合做小文本和logo圖,JPEG適合照片
**
< img src="" alt="" width="" height="">
其中src表示圖片地址,alt表示圖片未被加載時(shí)顯示的替代文字,width表示圖片寬度,htight表示圖片高度
最好不要用width和height控制圖片大小,因?yàn)檫@樣在獲取網(wǎng)頁(yè)資源的時(shí)候還是要加載原來(lái)的圖片的,建議用ps調(diào)下分辨率再加載進(jìn)去如果想要將圖片設(shè)置為跳轉(zhuǎn)則在img標(biāo)簽嵌套在a標(biāo)簽內(nèi)就可以了
**
#### 蒙版
蒙版即根據(jù)背景顏色柔滑文本邊緣的一種效果,一般用于透明背景圖片
**
如果把一個(gè)透明呢的圖片放在web頁(yè)面中,則要確定這個(gè)圖像的蒙版顏色與web頁(yè)面的背景色一致。
透明圖像可以使用PNG或GIF格式
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/114944.html
摘要:注此文是在看過(guò)許多學(xué)習(xí)資料和視頻之后,加上自身理解拼湊而成,僅作學(xué)習(xí)之用。宋體無(wú)文檔聲明瀏覽器以怪異模式解析宋體標(biāo)簽宋體不使用宋體代碼來(lái)實(shí)現(xiàn)頁(yè)面表現(xiàn)宋體學(xué)習(xí)宋體重點(diǎn)在于語(yǔ)義性。(注:此文是在看過(guò)許多學(xué)習(xí)資料和視頻之后,加上自身理解拼湊而成,僅作學(xué)習(xí)之用。若有版權(quán)問(wèn)題,麻煩及時(shí)聯(lián)系) 標(biāo)準(zhǔn)頁(yè)面結(jié)構(gòu): ? ? ? Html發(fā)展歷史:? ? 注:每一種HTML需要有對(duì)應(yīng)的doctype聲明。? ...
摘要:鏈接與圖像鏈接元素元素表示鏈接元素作用從當(dāng)前頁(yè)面跳轉(zhuǎn)到指定頁(yè)面屬性設(shè)置指定跳轉(zhuǎn)頁(yè)面的路徑路徑分類相對(duì)路徑相對(duì)于當(dāng)前頁(yè)面的路徑絕對(duì)路徑訪問(wèn)的路徑地址不變化示例代碼相對(duì)路徑的鏈接文本陰影案例他是鏈接絕對(duì)路徑的鏈接他也 鏈接與圖像 鏈接元素 < a >元素 - 表示鏈接元素 作用 - 從當(dāng)前html頁(yè)面跳轉(zhuǎn)到指定html頁(yè)面 屬性 href - 設(shè)置指定跳轉(zhuǎn)html頁(yè)面的路徑 ...
摘要:鏈接與圖像鏈接元素元素表示鏈接元素作用從當(dāng)前頁(yè)面跳轉(zhuǎn)到指定頁(yè)面屬性設(shè)置指定跳轉(zhuǎn)頁(yè)面的路徑路徑分類相對(duì)路徑相對(duì)于當(dāng)前頁(yè)面的路徑絕對(duì)路徑訪問(wèn)的路徑地址不變化示例代碼相對(duì)路徑的鏈接文本陰影案例他是鏈接絕對(duì)路徑的鏈接他也 鏈接與圖像 鏈接元素 < a >元素 - 表示鏈接元素 作用 - 從當(dāng)前html頁(yè)面跳轉(zhuǎn)到指定html頁(yè)面 屬性 href - 設(shè)置指定跳轉(zhuǎn)html頁(yè)面的路徑 ...
摘要:本次技術(shù)調(diào)研來(lái)源于項(xiàng)目中的一個(gè)重要功能需求實(shí)現(xiàn)微信長(zhǎng)按網(wǎng)頁(yè)保存為截圖。小結(jié)是目前實(shí)現(xiàn)網(wǎng)頁(yè)保存為圖片功能的綜合最佳選擇。 本次技術(shù)調(diào)研來(lái)源于H5項(xiàng)目中的一個(gè)重要功能需求:實(shí)現(xiàn)微信長(zhǎng)按網(wǎng)頁(yè)保存為截圖。 這里有個(gè)栗子(請(qǐng)用微信打開(kāi),長(zhǎng)按圖片即可保存):3分鐘探索你的知識(shí)邊界 將整個(gè)網(wǎng)頁(yè)保存為圖片是一個(gè)十分有趣的功能,常見(jiàn)于H5活動(dòng)頁(yè)的結(jié)尾頁(yè)分享。以下則是項(xiàng)目中調(diào)研和踩坑的一些小結(jié)和匯總。 ...
摘要:本次技術(shù)調(diào)研來(lái)源于項(xiàng)目中的一個(gè)重要功能需求實(shí)現(xiàn)微信長(zhǎng)按網(wǎng)頁(yè)保存為截圖。小結(jié)是目前實(shí)現(xiàn)網(wǎng)頁(yè)保存為圖片功能的綜合最佳選擇。 本次技術(shù)調(diào)研來(lái)源于H5項(xiàng)目中的一個(gè)重要功能需求:實(shí)現(xiàn)微信長(zhǎng)按網(wǎng)頁(yè)保存為截圖。 這里有個(gè)栗子(請(qǐng)用微信打開(kāi),長(zhǎng)按圖片即可保存):3分鐘探索你的知識(shí)邊界 將整個(gè)網(wǎng)頁(yè)保存為圖片是一個(gè)十分有趣的功能,常見(jiàn)于H5活動(dòng)頁(yè)的結(jié)尾頁(yè)分享。以下則是項(xiàng)目中調(diào)研和踩坑的一些小結(jié)和匯總。 ...
摘要:本次技術(shù)調(diào)研來(lái)源于項(xiàng)目中的一個(gè)重要功能需求實(shí)現(xiàn)微信長(zhǎng)按網(wǎng)頁(yè)保存為截圖。小結(jié)是目前實(shí)現(xiàn)網(wǎng)頁(yè)保存為圖片功能的綜合最佳選擇。 本次技術(shù)調(diào)研來(lái)源于H5項(xiàng)目中的一個(gè)重要功能需求:實(shí)現(xiàn)微信長(zhǎng)按網(wǎng)頁(yè)保存為截圖。 這里有個(gè)栗子(請(qǐng)用微信打開(kāi),長(zhǎng)按圖片即可保存):3分鐘探索你的知識(shí)邊界 將整個(gè)網(wǎng)頁(yè)保存為圖片是一個(gè)十分有趣的功能,常見(jiàn)于H5活動(dòng)頁(yè)的結(jié)尾頁(yè)分享。以下則是項(xiàng)目中調(diào)研和踩坑的一些小結(jié)和匯總。 ...
閱讀 3447·2023-04-26 01:45
閱讀 2222·2021-11-23 09:51
閱讀 3638·2021-10-18 13:29
閱讀 3428·2021-09-07 10:12
閱讀 698·2021-08-27 16:24
閱讀 1765·2019-08-30 15:44
閱讀 2192·2019-08-30 15:43
閱讀 2944·2019-08-30 13:11