HTML网页图片标记

时间2024-01-27 00:44:03发布访客分类HTML浏览895

导读：收集整理的这篇文章主要介绍了HTML网页图片标记，觉得挺不错的，现在分享给大家，也给大家做个参考。插入图片标记<img>今天看到的丰富多彩的网页，都是因为有了图像的作用。想一想过去，网络中全部都是纯文本的网页，非常枯...

收集整理的这篇文章主要介绍了HTML网页图片标记，觉得挺不错的，现在分享给大家，也给大家做个参考。插入图片标记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格式的图片文件。
上一页12 3 4 5 6 7 8 下一页阅读全文

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

&lt quot --&gt 图像图片文件文字标记网页

若转载请注明出处： HTML网页图片标记
本文地址： https://pptw.com/jishu/587496.html

网页表单设计实例技巧五则 HTML网页超链接标记