HTML之图像标签
来源：尚品中国|
类型：网站百科|
时间：2015-01-20
在网页中加入适当的图片可以使网页丰富多彩，网站设计具有更强的吸引力。那么，如何实现在网页中插人图像呢?可以利用<img>标签在HTML文件中插入图片。< img>标签的常见属性如下：
(1) scr属性:设置图片的相对或绝对路径。
(2) alt属性:设置图片的简单文本说明。
(3) align属性:设置图片的对齐方式，取值有left, right, top, middle和bottom。
(4) border属性:设置图片框线粗细。
(5) height属性:设置图片的高度。
(6) width属性:设置图片的宽度。
(7) hspace属性:设置图片的水平间距。
(8) vspace属性:设置图片的垂直间距。
(9) name属性:设置图片的名字。
(10) usemap属性:设置热点链接所在位置及名称。
(11) longdesc属性:设置图片的说明文字。
(12) lowsrc属性:设置低分辨率图片的相对或绝对位置。
在上面这些属性中，最常用的有两个属性:src和alt。
src属性必须包含绝对路径或是相对路径。图片可以是GIF文件、JPEG文件或是PNG文件。
浏览Web页时经常会发现，在有些情况下,例如由于浏览器的原因或者网络出现问题时，可能会造成图片无法显示。如果是装饰性的图片那还没有太大影响，如果是与内容紧密相关的图片就会影响效果，因此，即使显示不出来，也至少要告诉浏览者图片大致是什么内容。这时使用alt属性就可以做到这一点。
width属性和height属性用于指定图片在页面中显示的规格。一般来说，如果不指定，则按原来的大小显示。可以指定绝对大小或相对大小，绝对大小以像素为单位，相对大小以百分比为单位。
如果只设定width属性和height属性中的一种，则浏览器会自动根据图片的宽高比率将另一个属性也做出调整，以保证图片不变形。但是如果两者都设定的话，则有可能会造成图像扭曲。
(1) scr属性:设置图片的相对或绝对路径。
(2) alt属性:设置图片的简单文本说明。
(3) align属性:设置图片的对齐方式，取值有left, right, top, middle和bottom。
(4) border属性:设置图片框线粗细。
(5) height属性:设置图片的高度。
(6) width属性:设置图片的宽度。
(7) hspace属性:设置图片的水平间距。
(8) vspace属性:设置图片的垂直间距。
(9) name属性:设置图片的名字。
(10) usemap属性:设置热点链接所在位置及名称。
(11) longdesc属性:设置图片的说明文字。
(12) lowsrc属性:设置低分辨率图片的相对或绝对位置。
src属性必须包含绝对路径或是相对路径。图片可以是GIF文件、JPEG文件或是PNG文件。
浏览Web页时经常会发现，在有些情况下,例如由于浏览器的原因或者网络出现问题时，可能会造成图片无法显示。如果是装饰性的图片那还没有太大影响，如果是与内容紧密相关的图片就会影响效果，因此，即使显示不出来，也至少要告诉浏览者图片大致是什么内容。这时使用alt属性就可以做到这一点。
width属性和height属性用于指定图片在页面中显示的规格。一般来说，如果不指定，则按原来的大小显示。可以指定绝对大小或相对大小，绝对大小以像素为单位，相对大小以百分比为单位。
如果只设定width属性和height属性中的一种，则浏览器会自动根据图片的宽高比率将另一个属性也做出调整，以保证图片不变形。但是如果两者都设定的话，则有可能会造成图像扭曲。
来源声明：本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60255689）。
TAG标签：
推荐新闻
更多行业-
网站设计要注意的因素
摘要：在Internet飞速发展的今天，互联网已成为人们快速获取、发布...
2015-04-21 -
旅游网站建设解决方案介绍
近年来，国人生活品质提升，渐渐重视休闲生活，旅游便成了热门的话题。由于...
2017-11-06 -
[北京网站制作]站长成功之路陷阱众多 五种心态更易请君入瓮
站长成功之路陷阱众多 五种心态更易请君入瓮 很多人把自己站长世界之...
2011-10-29 -
教您预防网站被降权
导致排名下降，搜索引擎算法。搜索引擎算法的更新。前些要学会观察哪些细节...
2012-06-18 -
影响排名因素之网站跳出率
需要在实践中去发现。当进行网站制作排名优化的时候，方法很多。如果网站排...
2012-06-19 -
企业怎么才能做好一个合格的网站
随着网络时代的进化，新的网络营销理念不断蜕变，一时间网络媒体，自媒体营...
2020-01-13
关于我们
扫一扫关注尚品最新动态
2008年尚品中国成立于北京，尚品创立至今共为3000多客户成功完成任务，并上线使用。
我们专注高端网站建设，网站制作，品牌网站设计，集群建站、业务系统开发，APP开发，SEO优化等业务，为用户提供一站式解决方案，并且为用户获取更多用户流量，达到用户理想的业绩指标。
-
北京总部010-60259772
地址：中国 · 北京市大兴区西红门兴创国际中心A座501
-
天津公司022-58793660
地址：中国 · 天津市河西区国际贸易中心C座3614
Copyright © 2020 尚品中国 版权所有 | 京ICP备09066521 | 公安机关备案号:11011502003910免责声明诚信企业
尚品专注高端网站建设，系统平台开发，APP开发，SEO优化服务
尚品专注高端网站建设，系统平台开发，APP开发，SEO优化服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60255689
电子邮件：394588593@qq.com
