2020/11/06学习日志

  • A+
所属分类:Web前端
摘要

图像文件的格式很多,但一般在网页中使用的图片格式并不多,主要有GIF JPEG和PNG
GIF
GIF是 Internet 上应用最广泛的图像文件格式之一,是一种索引颜色的图像格式。该格式在网页中使用较多,它的特点是体积小,支持小型翻页型动画,GIF 图像最多可以使用256 种颜色 最适合制作徽标、图标、按钮和其他颜色、风格比较单一的图片。
JPEG
JPEG 是 Internet 上应用最广泛的图像文件格式之一,适用于摄影或连续色调图像。JPG 文件可以包含多达数百万种颜色,因此 JPG 格式的文件体积较大,图片质量较佳。通常可以通过压缩JPG 文件在图像品质和文件大小之间取得良好的平衡。当网页中对图片的质量有要求时,建议使用此格式。
PNG
PNG是一种新型的无专利权限的图像格式,兼有GIF 和JPG的优点。它的显示速度很快,只需下载1/64的图像信息就可以显示出低分辨率的预览图像。它可以用来代替GIF格式,同样支持透明层,在质量和体积方面都具有优势,适合在网络中传输。
图像标签的常用属性
src:指定图像源,即图像的URL路径
alt:如果图像无法显示,代替图像的文字说明
title:为浏览者提供的提示或帮助信息,方便用户使用
width:指定图像的显示宽度(像素数或百分数),通常只设置为图像的真实大小以免失真,若需要改变图像大小,最好事先使用图像编辑工具进行修改。百分数是指相对与当前浏览器窗口的百分比
height:指定图像的显示高度(像素数或百分数)
borde:指定图像的边框大小,用数字表示,默认单位为像素,默认情况下图片没有边框,既 border=0
align:指定图像的对齐方式,设定图像在水平(环绕方式)或垂直方向(对齐方式)上的位置,包括left(图像居左,文本在图像的右边)、right(图像居右,文本在图像的左边)、top(文本与图像在顶部对齐)、middle(文本与图像在中央对齐)或bottom(文本与图像在底部对齐)
图像标签
img
在同一路径中用ser=“图片名” 在网页的下一级文件夹中用ser=“文件夹名/图片名” 在网页的上一级文件夹中用ser=“../图片名”

图像文件的格式很多,但一般在网页中使用的图片格式并不多,主要有GIF JPEG和PNG
GIF
GIF是 Internet 上应用最广泛的图像文件格式之一,是一种索引颜色的图像格式。该格式在网页中使用较多,它的特点是体积小,支持小型翻页型动画,GIF 图像最多可以使用256 种颜色 最适合制作徽标、图标、按钮和其他颜色、风格比较单一的图片。
JPEG
JPEG 是 Internet 上应用最广泛的图像文件格式之一,适用于摄影或连续色调图像。JPG 文件可以包含多达数百万种颜色,因此 JPG 格式的文件体积较大,图片质量较佳。通常可以通过压缩JPG 文件在图像品质和文件大小之间取得良好的平衡。当网页中对图片的质量有要求时,建议使用此格式。
PNG
PNG是一种新型的无专利权限的图像格式,兼有GIF 和JPG的优点。它的显示速度很快,只需下载1/64的图像信息就可以显示出低分辨率的预览图像。它可以用来代替GIF格式,同样支持透明层,在质量和体积方面都具有优势,适合在网络中传输。
图像标签的常用属性
src:指定图像源,即图像的URL路径
alt:如果图像无法显示,代替图像的文字说明
title:为浏览者提供的提示或帮助信息,方便用户使用
width:指定图像的显示宽度(像素数或百分数),通常只设置为图像的真实大小以免失真,若需要改变图像大小,最好事先使用图像编辑工具进行修改。百分数是指相对与当前浏览器窗口的百分比
height:指定图像的显示高度(像素数或百分数)
borde:指定图像的边框大小,用数字表示,默认单位为像素,默认情况下图片没有边框,既 border=0
align:指定图像的对齐方式,设定图像在水平(环绕方式)或垂直方向(对齐方式)上的位置,包括left(图像居左,文本在图像的右边)、right(图像居右,文本在图像的左边)、top(文本与图像在顶部对齐)、middle(文本与图像在中央对齐)或bottom(文本与图像在底部对齐)
图像标签
img
在同一路径中用ser=“图片名” 在网页的下一级文件夹中用ser=“文件夹名/图片名” 在网页的上一级文件夹中用ser=“../图片名”