HTML网页图片标记_XHTML教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

插入图片标记<IMG>

今天看到的丰富多彩的网页,都是因为有了图像的作用。想一想过去,网络中全部都是纯文本的网页,非常枯燥,就知道图像在网页设计中的重要性了。在html页面中可以插入图像,网页常用的图像格式有JPEG和GIF两种:

JPEG(Joint Photographic Experts Group)是非凡为照片图像设计的文件格式。JPEG支持数百万种色彩。JPEG是质量有损耗的格式,这意味着在压缩时一些图像数据被丢失了,这降低了最终文件的质量。然而图像数据被抛弃得很少,不会在质量上有非常明显的不同。

图形交换格式GIF是网页图像中很流行的格式。虽然它仅包括256种色彩,但GIF提供了出色的、几乎没有丢失的的图像压缩。并且GIF可以包含透明区域和多动画。它靠水平扫描像素行找到固定的颜色区域进行压缩,然后减少同一区域中的像素数量。因此GIF 通常适应于卡通、图形、Logo、带有透明区域的图形、动画等。

页面中插入图片可以起到美化的作用。插入图片的标记只有一个,那就是<img>标记。插入图片的时候,仅仅使用<img>标记是不够的,需要配合其它的属性来完成,如下表所示。

属性 描述
src 图像的源文件
alt 提示文字
width,height 宽度、高度
border 边框
vspace 垂直间距
hspace 水平间距
align 排列
dynsrc 设定avi文件的播放
loop 设定avi文件循环播放次数
loopdelay 设定avi文件循环播放延迟
start 设定avi文件播放方式
lowsrc 设定低分辨率图片
usemap 映象地图

图像的源文件属性SRC

配合src属性指定图像源文件所在的路径,就可以完成图像的插入了。

基本语法

<img src="File_name">

语法解释

通过src属性指定路径,File_name为要插入图像的路径。

文件范例:9-1.htm

通过<img>标记的src属性插入图片。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:9-1.htm -->
03 <!-- 文件说明:插入图片 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入图片</title>

共2页上一页12下一页
来源:模板无忧//所属分类:XHTML教程/更新时间:2007-12-24
相关XHTML教程