HTML中img图像标签使用详解

HTML标签中img标签是比力常用的图片标签,在页面结构中经常用到,下面介绍img图像标签的利用方式 。

方式/
1【HTML中img图像标签使用详解】img图像标签的src属性是图像的地址,撑持绝对路径,也撑持相对路径,图像地址准确,图片才能正常显示 。


HTML中img图像标签使用详解

文章插图

2img图像标签的alt属性是图像的替代文本属性,当图片地址错误无法显示时,就会显示出alt设置的文字 。


HTML中img图像标签使用详解

文章插图

HTML中img图像标签使用详解

文章插图

3当需要调整图像的大小时,可以利用img的width宽度和height高度属性来界说图片的大小 。 下面代码设置图片的宽高都是100PX 。


HTML中img图像标签使用详解

文章插图

4给图像一个链接 。 经由过程给img图像标签一个a标签,可以实现当点击图片时跳转到另一个网页 。 下面代码实现了点击图片时,跳转到百度本家儿页 。


HTML中img图像标签使用详解

文章插图

5建立图像映射 。 经由过程图片映射的设置,可以实现图片上分歧处所的点击跳转到分歧的页面 。

HTML中img图像标签使用详解

文章插图

6将图片转换当作图片映射 。 经由过程img标签里增添ismap属性实现图片映射功能 。 当鼠标放在图片分歧处所时,可以看到分歧的坐标,实现图片映射 。


HTML中img图像标签使用详解

文章插图

HTML中img图像标签使用详解

文章插图

7img图像标签还可以在标签上添加js事务,例如,下面代码在图像标签上添加了点击事务onclick,实现点击图片时,弹出文字申明 。


HTML中img图像标签使用详解

文章插图

HTML中img图像标签使用详解

文章插图


以上内容就是HTML中img图像标签使用详解的内容啦,希望对你有所帮助哦!

    推荐阅读