用于在图像底部放置标签的 HTML

Question

大家好我是这个软件世界的新手，现在我遇到了一个问题，我需要在图像底部放置一个标签，我认为我可以做到这一点，但过了一段时间我决定把我的问题在这个网站上，为了一个方向我的想法是创建一个 HTML 表 y 放置标签 img 但后来我的问题是如何在标签 img 上放置标签

<table border="2px"> 
      <td><img src="tiquet.png" height="150" width="90"></td> 
 </table>

我找不到用于在图像底部放置标签的 HTML 标记，然后我想制作另一个表格放入另一个表格，但我认为这不是一个好主意，因为我如何才能将标签与图像底部对齐你有什么想法对我有很大帮助吗？

Answer 1

您可以使用 <figure>和 <figcaption>达到预期效果的元素。您可以使用一些 CSS 来设置图形元素的边框宽度。

<figure>
    <img src="tiquet.png" height="150" width="90">
    <figcaption>Your label goes here</figcaption>
</figure>