Html '；ALT'；属性不在图像链接上创建悬停文本

我觉得自己非常无能，不得不问这个问题，但我们开始吧

使用Google Chrome，我正在开发Tumblr，试图创建一个充当链接的图像。此外，当您将鼠标悬停在图像上时，我试图显示文本。我让它工作了似乎是一个非常短暂的时刻，现在我似乎无法让它再次发挥作用。我的代码如下。它以标题开头：

<h1 style="padding: 7px; font-size: 8px; font-family: calibri; text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #8f8d8d; line-height: 15px; background: #282828;">Bring a friend, join the crowd</h1>

带上朋友，加入人群

下面是图像本身的代码

<p><a href="/soren"><img src="https://i.imgur.com/qsrZHVo.png" style="width: 50px; border-radius: 100%; border: 6px solid #282828;" alt="soren chang"/></a>

这个想法是有一个50像素的圆形图像和一个6像素的实心边框作为链接。将鼠标悬停在图像上应显示名称“Soren”。当我输入此代码时，web浏览器会自动更正它以显示以下内容：

<p><a href="/soren"><img alt="soren chang" src="https://i.imgur.com/qsrZHVo.png" style="width: 50px; border-radius: 100%; border: 6px solid #282828;" /></a>&nbsp; &nbsp;</p>

您看到它是如何将“alt”属性移动到“src”之前的吗？我不知道如何让它停止那样做。此外，它自动更正的字符串不起作用。我最终得到了一个功能正常的图像链接，但将鼠标悬停在图像上并不会显示我想要的悬停文本

---

我以前做过这个。我正在输入的应该是有效的，但它没有。即使我去掉了样式标签和所有额外的格式，它也不起作用。我还去掉了格式化的标题，但仍然无法获取悬停文本。非常感谢您的帮助！我也尝试过使用alt和title。Title由于某种原因完全中断了链接。

您可以使用属性

Title

在悬停时显示文本

<img src="https://i.imgur.com/qsrZHVo.png" title="soren chang"/>

您不能显示带有

alt

属性的悬停文本，如果图像无法加载，将显示alt文本。根据下面的答案，title属性是您想要的，尽管它通常用于超链接。属性的顺序没有区别。正如我在问题中所说，标题也不起作用。正如我上面所说，“标题”也不起作用。