经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » HTML5 » 查看文章
2020/11/06学习日志
来源:cnblogs  作者:AOEkele  时间:2020/11/9 16:01:40  对本文有异议

图像文件的格式很多,但一般在网页中使用的图片格式并不多,主要有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=“../图片名”

原文链接:http://www.cnblogs.com/chenbiao0053/p/13936035.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号