【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

html中img图像标签的详细介绍

放大字体  缩小字体 发布日期:2020-06-05 17:33:50    浏览次数:7
导读

  欢迎关注支持,谢谢!本篇将介绍的是html中img图像标签,有兴趣的朋友可以了解一下!  在html网页中,我们经常看见一些漂亮的图片,这就产生了一个问题,这些图片是怎样引入到网页中的呢?其实并没有我们想象中的那么复杂,只需要使用html中的img标签就能实现,我们一起来学习一下吧!  “img”是英文单词“image”

  欢迎关注支持,谢谢!本篇将介绍的是html中img图像标签,有兴趣的朋友可以了解一下!

  在html网页中,我们经常看见一些漂亮的图片,这就产生了一个问题,这些图片是怎样引入到网页中的呢?其实并没有我们想象中的那么复杂,只需要使用html中的img标签就能实现,我们一起来学习一下吧!

  “img”是英文单词“image”的缩写,有“图像”的意思,这和它在html中作为标签的用途意思相同,即使用来引入图像,接下来我们一起来看看它的具体用法吧!

  在html中,img标签是使用来在网页中嵌入一幅图像。从技术上讲,图像并不是插入到网页中,而是链接到网页中,img标签的作用是为被引用的图像创建占位符。

  img标签在网页中很常用,比如,引入一个logo图片、按钮背景图片、工具图标等等。只要是有图片的地方,源代码中基本都有img标签(除一些背景图片以外)。

  src属性是用来指定需要嵌入到网页中的图像的地址的;alt属性是使用来规定图像的替代文本,当图像不显示时,将显示该属性值内容。搜索引擎会读取该属性值内容作为图像表示的意思,所以搜索引擎优化中需注意该属性;src属性和alt属性是img标签必须属性,虽然,alt属性不写也不会出错,但是建议必须写上。如果不写,搜索引擎是看不懂图像是什么意思的。还有就是如果图片不能显示了,那么会出现空白,读者也不知道这是什么意思;三、img标签属性

  其实对于我们新手来说,只需要了解img标签的src属性和alt属性就基本够用了。img标签中的大部分属性在html5版本中已经废弃,所以就不一一了解了,只看看没有被废弃的或新增的吧!

  alt:图像的替代文本;src:显示图像的URL;height:图像的高度;width:图像的宽度;ismap:将图像规定为服务器端图像映射,值为:ismap;usemap:将图像定义为客户器端图像映射,值可以为:#mapname;crossorigin:设置图像的跨域属性,值可以为:anonymous 、use-credentials(html5新增属性);四、实例

 
关键词: html img标签
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-240835.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4