HTML标签中img标签是比力常用的图片标签,在页面结构中经常用到,下面介绍img图像标签的利用方式 。
方式/
1【HTML中img图像标签使用详解】img图像标签的src属性是图像的地址,撑持绝对路径,也撑持相对路径,图像地址准确,图片才能正常显示 。
文章插图
2img图像标签的alt属性是图像的替代文本属性,当图片地址错误无法显示时,就会显示出alt设置的文字 。
文章插图
文章插图
3当需要调整图像的大小时,可以利用img的width宽度和height高度属性来界说图片的大小 。 下面代码设置图片的宽高都是100PX 。
文章插图
4给图像一个链接 。 经由过程给img图像标签一个a标签,可以实现当点击图片时跳转到另一个网页 。 下面代码实现了点击图片时,跳转到百度本家儿页 。
文章插图
5建立图像映射 。 经由过程图片映射的设置,可以实现图片上分歧处所的点击跳转到分歧的页面 。
文章插图
6将图片转换当作图片映射 。 经由过程img标签里增添ismap属性实现图片映射功能 。 当鼠标放在图片分歧处所时,可以看到分歧的坐标,实现图片映射 。
文章插图
文章插图
7img图像标签还可以在标签上添加js事务,例如,下面代码在图像标签上添加了点击事务onclick,实现点击图片时,弹出文字申明 。
文章插图
文章插图
以上内容就是HTML中img图像标签使用详解的内容啦,希望对你有所帮助哦!
推荐阅读
- 普佛茶的功效,中国茶叶网
- 手把手教你用微波炉做烤鸡中翅
- 如何使用HTML创建table表格
- 如何使用dup和dup2
- 西安旅游一日攻略
- 喝茶的益处
- 祭司在古埃及文明中是什么职位
- 平安夜送什么好
- 二 象棋残局破解
- 贴图 [创意生活]台球里很少有人知道的打法,你也可以知道,持续更新中