这个HTML代码有什么问题？

Question

我正在尝试将可点击的LinkedIn按钮图像添加到我们的单页html公司网站。我终于能够在页面http://www.tworg.com的底部附近添加一个链接，但没有图像，只有文本“LinkedIn上的威利斯组织”。文本应该是“LinkedIn徽标”，因为它是Alt文本，但我更改了链接是有意义的。

以下是我使用的代码：

<a href="https://www.linkedin.com/company-beta/2495544/" rel="nofollow">
  <img src="img/in-black-48px-r.png" alt="LinkedIn Logo" width="48" height="48" />
</a>

我不是程序员，只是那个试图编辑为我们创建的html页面的人。任何帮助肯定会受到赞赏。我已经好几天没有运气了！

希望

琳达

Answer 1

让我解释一下，你的HTML代码没有错，问题是你的服务器找不到图像，正如你在src="img/in-black-48px-r.png"上声明的那样，你告诉你的服务器要查找img目录，查看是否有名为in-black-48px-r.png的图像。

此时您有两个选项，使用指向Web上的图像的src（不是最好的）或将图像加载到您的服务器上img目录，其名称与您在img标记上使用的名称相同。 / p>

在这里你可以看到，目前你没有在该目录上拥有该图像，而你的服务器只能找到另外两个。

正如其他答案建议您可以轻松检查您的服务器是否具有所需的图像，只需添加http://www.tworg.com/img/in-black-48px-r.png，如果图像在服务器中正确加载并命名，您就可以在浏览器中看到该网址。您应该注意到图像名称区分大小写。

Answer 2

您的图片src不正确，如果您输入正确的src，此代码将起作用

＆＃13;

＆＃13;

<a href="https://www.linkedin.com/company-beta/2495544/" rel="nofollow">
  <img src="https://www.gravatar.com/avatar/000d46f3f287035549b18cc7fa215dbc" alt="LinkedIn Logo" width="48" height="48" />
</a>

＆＃13;

＆＃13;

＆＃13;

Answer 3

您的代码有两个问题：

1. 图片网址错误：指向http://www.tworg.com/img/in-black-48px-r.png，这会给我一条错误消息
2. 宽度和高度不能这样设置。应该是：<a href="https://www.linkedin.com/company-beta/2495544/" rel="nofollow"><img src="[FIX THIS]" alt="The Willis Organization on LinkedIn" style="width:48px;height48px;"></a>

Answer 4

在根文件夹/主目录中，将文件夹命名为“images”，与引用完全相同。下载LinkedIn品牌资产徽标并将其放在“images”文件夹中。让我们说图像本身叫做“LinkedInLogo.jpg”。 然后，放置以下代码：

<a href="https://www.linkedin.com/company-beta/2495544/" height="48" width="48">
<img src="images/LinkedInLogo.jpg" alt="LinkedIn Logo">
</a>

这应该可行，但是，我注意到它与你自己的代码并没有什么不同 - 所以一定要按照原样拼写一切。包括大小写。如果文件夹在文件夹中，则必须用“/”表示，例如，假设我的图像位于名为bananas的文件夹中，我将不得不写“香蕉/ [ImageIWantToReference.jpg]”

Answer 5

好吧，好悲伤！我刚刚尝试编辑图像文件名，将大写字母更改为小写。然后我将该图像上传到服务器，删除了大写的一个......它工作正常！

选择的LinkedIn图标显示在页面上！

感谢大家的帮助。你是对的：服务器没有拿起图像。我现在对这个论坛感到高兴，因为我自己实际使用过它。有多少有用的人和耐心的人留下了深刻的印象！ - 程序员来救我。

琳达