2020/11/06学习日志

图像文件的格式很多,但一般在网页中使用的图片格式并不多,主要有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>
例如<img sre="XXX">
在同一路径中用ser=“图片名” 在网页的下一级文件夹中用ser=“文件夹名/图片名” 在网页的上一级文件夹中用ser=“../图片名”