我已经看到了几十个使用 png 和 svg 的类似问题和结果，但这里没有一个能正常工作。我的桌面上有 png 和 svg 文件，但无法找到将它们添加为按钮的方法。或者更好的是，我能够将它们添加到我的页面，但它没有出现，取而代之的是一个带有正确重定向链接的空白区域（但没有图像）。
我已经尝试添加到 head 标签：
<link rel="stylesheet" href="C:\Users\rod\Desktop\Sites\rz\icons\found\Black_Icon.svg">
然后在后面的代码中：
<a class="found-icon" href="https://found/rz_"
可惜没有运气。这是一个不在字体真棒上的图标，我设法找到的所有东西似乎几乎完全与关于字体真棒的“操作方法”有关。
【问题讨论】：
据我了解，如果您尝试制作社交媒体按钮，您可以导入图像并使用<a> 标记使其成为可点击图标。
要导入图像，如下所示：
<a href="#insertwebsitehere" target="_blank"> <!-- when clicked it'll open the website in a new page -->
<img src="/icons/found/Black_Icon.svg" alt="Black Icon"> <!-- this is your icon, if not loaded it'll just render Black Icon as text -->
</a>
在您给出的示例中，您尝试通过本地计算机导入图像，但是在 HTML 中您必须以不同的方式导入它。
假设您有一个名为 name.html 的文件夹和另一个名为 images 的文件夹，其中包含您的所有图像。
如果您要从位于 name.html 中的代码属性（src 和 href）中的该文件夹中导入图像，则会像 images/icon.png 所示那样在图像文件夹中找到 icon.png 文件。
我希望这会有所帮助，祝你编码愉快！
【讨论】：