把鼠标放图片上,怎样才能显示出字?

作者:落知秋 | 创建时间: 2023-05-02
常常会看到把鼠标放在图片上,就会显示出文字。通常我们都认为是写上Alt标签,图片上就可以显示字了。其实不然,这都是我们对Alt属性的误读。下面,来给大家说下,图片上要显示字究竟是用什么标签呢?通过下面的示例就知道了。...
把鼠标放图片上,怎样才能显示出字?

操作方法

添加如下图片代码,此时是既没有加Alt标签又没有加Title标签的。

页面的图片就可以显示出来了。鼠标放图片上,也不会显示出字。如图所示:

加上Alt标签和Title标签。写上alt="图片显示不了显示alt标签" title="鼠标放上去显示"    如图所示的文字。

将鼠标放在图片上,就可以显示出title标签上的字了,而alt标签上的字是显示不出来的。

当图片发生错误或是不存在时,这里是将原图片名“图片1”改为“图片11”,其它不变。原图片就不存在显示不出来了,如图所示。

同样将鼠标放在图片上,就可以看到图片无法显示,而是看到了alt标签上的字了。这就说明,当图片发生错误时,显示的是alt标签了。而title标签是一直存在的,除非不写title标签,鼠标上图片上才不会显示出字。

温馨提示

把鼠标放图片上,怎样才能显示出字?添加的是title标签而不是alt标签!
点击展开全文

更多推荐