HTML中img图像标签使用详解

2024-10-11 23:04:55

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

HTML中img图像标签使用详解

2、img图像标签的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图像标签使用详解

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

HTML中img图像标签使用详解HTML中img图像标签使用详解
猜你喜欢