把鼠标放图片上,怎样才能显示出字?
常常会看到把鼠标放在图片上,就会显示出文字。通常我们都认为是写上Alt标签,图片上就可以显示字了。其实不然,这都是我们对Alt属性的误读。下面,来给大家说下,图片上要显示字究竟是用什么标签呢?通过下面的示例就知道了。
操作方法
- 01
添加如下图片代码,此时是既没有加Alt标签又没有加Title标签的。
- 02
页面的图片就可以显示出来了。鼠标放图片上,也不会显示出字。如图所示:
- 03
加上Alt标签和Title标签。写上alt="图片显示不了显示alt标签" title="鼠标放上去显示" 如图所示的文字。
- 04
将鼠标放在图片上,就可以显示出title标签上的字了,而alt标签上的字是显示不出来的。
- 05
当图片发生错误或是不存在时,这里是将原图片名“图片1”改为“图片11”,其它不变。原图片就不存在显示不出来了,如图所示。
- 06
同样将鼠标放在图片上,就可以看到图片无法显示,而是看到了alt标签上的字了。这就说明,当图片发生错误时,显示的是alt标签了。而title标签是一直存在的,除非不写title标签,鼠标上图片上才不会显示出字。
赞 (0)