HTML网页制作:[2]alt设置失效

 时间:2024-10-13 04:21:08

1、OK,请看如图代码。我在body中,添加了如下代码:<img src="./test.jpg" border="5" alt = "好好看的图片啊">alt表示的文字为“好好看的图片啊”

HTML网页制作:[2]alt设置失效

2、然而, 当我将鼠标放在图片上的时候,并没有显示出“好好看的图片啊”的字样。

HTML网页制作:[2]alt设置失效

3、这是为什么呢?小编进行了尝试后发现,alt是当图片无法显示或者显示不完全的时候,才会显示“好好看的图片啊”字样,提示该图片是什么。而当图片可以显示的时候,是不会出现提示信息的。比如,我将沪枭诽纾代码改为:<img src="./test1.jpg" border="5" alt = "好好看的图片啊">这里,我将图片从test.jpg改为test1.jpg。而我其实是没有test1.jpg图片的。

HTML网页制作:[2]alt设置失效

4、再次打开该网页,可以看到提示的字样了。

HTML网页制作:[2]alt设置失效

5、那么,如何在显示图片的同时,显示提示的字皱诣愚继样呢?用title更改代码如下:<img src="./test.jpg" border="5" title = "好好看的图片啊">

HTML网页制作:[2]alt设置失效

6、此时,再打开网页,并将鼠标放在图片上,可以看到提示的信息

HTML网页制作:[2]alt设置失效

7、综上所述:alt只有当图片显示不完全或因为网络问题或因为图片不存在等问题,才显示该图片是什么。title则是在图片显示完后,提示该图片的字样。

  • phpMyAdmin使用教程(一)
  • 微信开发者工具如何设置调试器的位置
  • 如何使用SQLyog创建数据库存储过程
  • HBuilder如何设置项目管理器的图标风格
  • Python编程:怎么设置tkinter按钮的宽度
  • 热门搜索
    kj什么意思 不什么什么什么 鹅口疮是什么 草泥马是什么 维生素bt 大专学什么专业好 蝴蝶兰的养殖方法 视觉传达设计是什么 牛郎星是什么星座 缄默什么意思