我一直在尝试将 linkedin svg 图像添加到 html,将其链接到我的 linkedin 页面。我已经设法让图像在本地显示,但这在浏览器上不起作用(图像不显示,请参阅附加的图像屏幕截图,但链接仍然有效)。
我做了一些研究,其中提到了使用 xlink 和 xmlns,但我很难理解这一点。为什么要使用引用 w3 网站的命名空间?
下面的示例是在 W3 网站上给出的,但是我想合并我的 svg Linkedin 图标图像而不是 .jpg:
<svg height="200" width="300" xmlns="http://www.w3.org/2000/svg"> <image height="200" width="300" href="pulpitrock.jpg" / </svg>
我目前拥有的代码是这样的,我知道这是不够的:
<a href="https://www.linkedin.com/company/dovedigital"><img id="linkedin" src="images/5296501_linkedin_network_linkedin logo_icon.svg"> </a>
请帮忙!我只知道如何使用 HTML 和 CSS,我是一个编码初学者。
插入 linkedin svg 图标图像,一旦在我的 HTML VS 代码文档中单击,该图像就会链接到我的 linkedin 页面。
您不需要制作整个 SVG 标签来使用 SVG 图像,而是可以使用 svg 或互联网上的普通图像,然后正常在
<img>
标签中使用它。
<a href="https://www.linkedin.com/company/dovedigital">
<img id="linkedin" src="https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png" style="height:12px;width:auto;display:inline" />
Check out my Linkedin page!
</a>