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

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

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

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

你可以使用

和

元素来达到想要的效果。您可以使用一些CSS来设置figure元素的边框宽度

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

你的标签在这里

尝试以下操作

html:-

 <a href="http://name.com">
        <img src="name.png" width="100px" height="100px"> 
        <div class="caption">Caption here</div>
    </a>

---

你所说的标签是指标题，对吗？是的，我需要知道如何在这张图片上加上一些文字来回答问题。看一看。：-）谢谢，将文字叠加在图像上，使其看起来像一张带有文字的单张图像，就像一张票，上面的文字是一个价格，所以我需要创建这个效果谢谢，将文字叠加在图像上，使其看起来像一张带有文字的单张图像，就像一张票，上面的文字是一个价格，所以我需要创建这个效应在这种情况下，这个答案不适用。您可以在这里查看=>

#images{
    text-align:center;
    margin:50px auto; 
}
#images a{
    margin:0px 20px;
    display:inline-block;
    text-decoration:none;
    color:black;
 }