admin 管理员组

文章数量: 1086019


2024年5月8日发(作者:通达信彩带颜色代码)

图片是网页中不可缺少的元素,巧妙地在网页中使用图片可以为网页增色不少。本章

首先介绍在网页中常用的两种图片格式,然后再介绍如何在网页中插入图片,以及图片的

样式和插入的位置。通过本章的学习,可以做一些简单的图文网页,并根据自己的喜爱制

作出不同的图片效果。

5.1 网页中的图片格式

目前在网页上使用的图片格式主要是GIF、JPG和PNG三种。

GIF即为图像交换格式,GIF格式只支持256色以内的图像,且采用无损压缩存储,

在不影响图像质量的情况下,可以生成很小的文件,同时它支持透明色,可以使图像浮现

在背景之上,并且由于其为交换格式,在浏览器下载整张图片之前,用户就可以看到该图

像,所以在网页制作中首选的图片格式为GIF。

JPG格式为静态图像压缩标准格式,它为摄影图片提供了一种标准的有损耗压缩方案。

它可以保留大约1670万种颜色,因为它要比GIF格式的图片小,所以下载的速度要快一

些。

如何选择图片格式呢?GIF格式仅为256色,而JPG格式支持1670万种颜色。如果

颜色的深度不是那么重要或者图片中的颜色不多,就可采用GIF格式的图片,反之,则采

用JPG格式。同时,还要注意一点,GIF格式文件解码速度快,而且能保持更多的图像细

节,而JPG格式文件虽然下载速度快,但解码速度较GIF格式慢,对于图片中鲜明的边缘

周围会损失细节,因此若想保留图像边缘细节应采用GIF格式。

5.2 与图片相关的 HTML标签

依照本书的惯例,先介绍一些关于图像的HTML标签。

5.5.1 插入图片

请看下面的代码。

图片的插入

在浏览器中打开这个网页。

注意代码中以粗体显示的语句。标签的作用就是插入图片,其中属性src是该

标签的必要属性,该属性指定导入图片的保存位置和名称。在这里,导入的图片与HTML


本文标签: 图片 格式 网页 图像 插入