大学课程《Web前端开发与应用教程》PPT教学课件：项目二任务3 HTML图像标记.pptxVIP

项目2HTML入门

·认识HTML

·文本标记

·图像标记

✎学习目标

任务三HTML图像标记

在网页中常用的图像格式有哪些呢？

3.1常用图像格式

GIF最突出的地方就是它支持动画，同时GIF也是一种无损的图像格式，也就是说修改图片之后，图片质量几乎没有损失。再加上GIF支持透明（全透明或全不透明），因此很适合在互联网上使用。

3.1常用图像格式

PNG包括PNG-8和真色彩PNG（PNG-24和PNG-32）。相对于GIF，PNG最大的优势是体积更小，支持alpha透明（全透明，半透明，全不透明），并且颜色过渡更平滑，但PNG不支持动画。

3.1常用图像格式

JPG所能显示的颜色比GIF和PNG要多的多，可以用来保存超过256种颜色的图像，但是JPG是一种有损压缩的图像格式，这就意味着每修改一次图片都会造成一些图像数据的丢失。

3.1常用图像格式

HTML网页中任何元素的实现都要依靠HTML标记，要想在网页中显示图像就需要使用图像标记。

3.2图像标记

图像标记的相关属性

3.2图像标记

运行效果如图所示:

3.2图像标记

图像标记的相关属性

3.2图像标记

图像标记的相关属性

3.2图像标记

为图像添加边框、设置边框的宽度。但边框颜色的调整仅仅通过HTML属性是不能够实现的。

3