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按钮的宽度
  • 热门搜索
    奉献的意思 人事代理是什么意思 三个水字读什么 钟爱有加的意思 默默无闻是什么意思 普天同庆的意思 智慧的意思 越狱有什么用 无动于衷的意思 什么叫否极泰来