图片格式特性及HTML图片标签使用指南.pptx

第三章：图片标签与路径主讲老师：晴雪2026/2/17

常见图片格式2026/2/17jpgpnggif图片格式透明性无损耗性动画Gif√（只支持全透明）√√Jpeg/jpg×××Png√（半/全透明都支持）√×

图片标签写法imgsrc=alt=width=height=/图片四要素： src=图片路径 alt=图片含义 width=图片宽度和图片大小保持一致 height=图片高度和图片大小保持一致alt=“规定图像的替代文本。”title=提示文字2026/2/17

路径知识2026/2/17相对路径、绝对路径1.相对路径：(RelativePath) 相对于该文件的路径；2.绝对路径：(AbsolutePath) 从磁盘出发的路径； 从域名出发的路径。

图片位置设置imgsrc=……align=/align属性--设置图片与后面文字的位置关系，值--top、bottom（默认）、middle、absmiddle、left、right2026/2/17

作业结合前面讲过的知识点做一个好看的图文网页图片的四要素srcaltwidthheight相对跟绝对路径align位置2026/2/17

谢谢观看2026/2/17