HTML中img图像标签使用详解

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

方式/步调

  1. 1

    img图像标签的src属性是图像的地址,撑持绝对路径,也撑持相对路径,图像地址准确,图片才能正常显示。

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  • 发表于 2019-06-14 17:02
  • 阅读 ( 1202 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具