HTML网页图片标记_HTML/Xhtml_网页制作
时间:2021-07-01 10:21:17
帮助过:74人阅读
插入图片标记
今天看到的丰富多彩的网页,都是因为有了图像的作用。想一想过去,网络中全部都是纯文本的网页,非常枯燥,就知道图像在网页设计中的重要性了。在html页面中可以插入图像,网页常用的图像格式有JPEG和GIF两种:
JPEG(Joint Photographic Experts Group)是特别为照片图像设计的文件格式。JPEG支持数百万种色彩。JPEG是质量有损耗的格式,这意味着在压缩时一些图像数据被丢失了,这降低了最终文件的质量。然而图像数据被抛弃得很少,不会在质量上有非常明显的不同。
图形交换格式GIF是网页图像中很流行的格式。虽然它仅包括256种色彩,但GIF提供了出色的、几乎没有丢失的的图像压缩。并且GIF可以包含透明区域和多动画。它靠水平扫描像素行找到固定的颜色区域进行压缩,然后减少同一区域中的像素数量。因此GIF 通常适应于卡通、图形、Logo、带有透明区域的图形、动画等。
页面中插入图片可以起到美化的作用。插入图片的标记只有一个,那就是
标记。插入图片的时候,仅仅使用
标记是不够的,需要配合其它的属性来完成,如下表所示。
src
图像的源文件
alt
提示文字
width,height
宽度、高度
border
边框
vspace
垂直间距
hspace
水平间距
align
排列
dynsrc
设定avi文件的播放
loop
设定avi文件循环播放次数
loopdelay
设定avi文件循环播放延迟
start
设定avi文件播放方式
lowsrc
设定低分辨率图片
usemap
映象地图
图像的源文件属性SRC
配合src属性指定图像源文件所在的路径,就可以完成图像的插入了。
- 基本语法
-
语法解释
通过src属性指定路径,https://www.gxlcms.com/File_name为要插入图像的路径。
文件范例:9-1.htm
通过标记的src属性插入图片。
01
02
03
04
05文件说明
第11行插入了JPEG格式的图片文件。