HTML网页图片标志<IMG>学习教程
日期：2014-02-07 浏览次数：20710 次
插入图片标记<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>
08 </head>
09 <body>
10 <h1>主流的网页设计软件</h1>
11 <img src="9-1.JPG">
12 目前，网页技术进入了一个新的阶段，如今的网页再也不是图片的堆积和单调无味的文本了，人们如今追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表，其最新版本mx 2004承继了前期版本的优点，进行了功用的进一步整合，非常适合于网页设计和网站建设的需求。<p>
13 </body>
14 </html>
文件说明
第11行插入了JPEG格式的图片文件。
