当前位置:首页 > HTML技巧 > 正文

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

11-16 HTML技巧

在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新增属性);四、实例

!DOCTYPE htmlhtmlheadmeta charset=utf-8 /titlehtml中img图像标签的详细介绍/title/headbody bgcolor=bisqueimg src=yellowDuck.png alt=小黄鸭 width=200px height=200px/body/html

版权保护: 转载请保留链接: http://lefkosaemlak.com/html/61.html