Question

大家好我是这个软件世界的新手，现在我遇到了问题，我需要在图像底部放一个标签，我想我可以做到这一点，但是经过一段时间后我决定放我在这个网站的问题，为方向我的想法是创建了一个HTML表格y put tag 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>

Answer 2

尝试以下

html： -

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

<强> CSS： -

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

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

2 个答案: