html - 我正在尝试为我正在构建的社交媒体网站制作一个 HTML 图标。如何创建一个独立的图标？

Question

我基本上想要一个图像作为按钮，例如，在堆栈 Exchange 旁边的顶部看到“最近的收件箱消息”吗？我想重新创建 moreorless 但用我自己的形象..我将如何去做，我已经尝试过:

<button type="button" name="test">
  <img src="C:/Trey/rs-logo.jpeg">
</form> 

但这没有用，有人能帮忙吗(抱歉，如果我措辞不当，英语 [虽然我的母语] 不是强项!

-特雷

Answer 1

你可以用这样的东西制作一个图像按钮:

<a href="#">
   <img src="yourImage.png">
</a>

这将创建一个图像元素，周围有一个 anchor ，因此就所有意图和目的而言，它是一个“图像按钮”。您必须根据自己的喜好设计样式。

更新

如果您将代码更改为

，您的代码也将有效

<button>
   <img src="yourImage.png">
</button>

您必须关闭按钮标签。这将创建一个带有图像的丑陋按钮，但您可以使用 CSS 将其设置为您喜欢的样式。