将WebContent文件夹中的图像放入HTML中的H2标记中

我正在创建选项卡标题为H2的选项卡式部分，如下所示：

<div class="mainTab">
   <div class="myTab">
      <h2>Tab1</h2>
             Tab1 content here
   </div>
    <div class="mtTab">
       <h2>Tab2</h2>
             Tab2 content here
    </div>
<div>

---

如果图像位于我的服务器的webcontent文件夹中，该怎么办。在这种情况下，url会是什么样子。将在这里工作？？？

您需要使用css的背景图像属性。。以下是一个让您开始的链接：

特别是你的问题：

<h2 class="image">My photo album</h2>

按照W3标准：

Partial URLs are interpreted relative to the source of the style sheet, not relative to the document

---

因此，如果您的css位于内容文件夹中，您需要转到图像文件夹。。您可以这样做：url（“../images/header.png”）

您可以这样放置图像

<h2><img src='image/email.jpg' />Email</h2>

电子邮件

@nikunj；您可以像这样在

h2

标记中使用

背景图像

h2{
 backgrond:url(image.jpg) no-repeat 0 3px;
 padding-left:10px;
}

在上面的示例中，我定义了图像

背景位置
左：0和顶部：3px
，但您可以根据自己的要求调整图像&我还提供
左填充
，因此，文本移动10px，您就可以看到图像

您也可以使用
文本缩进
代替
填充

如果您希望为不同的选项卡提供单独的图像，则为您的
背景图像提供不同的类别，如下所示：
这里有一个小的jsfiddle在做我想象中的你想要做的事情：我知道。。好吧，谷歌的第一个链接他们并不是什么都搞错了。如果我想要每个标签都有不同的图片呢。因此，我必须为每个标题定义几个特定的图像类。我说得对吗？好的，我做到了D当我发布答案时，我就知道我会收到这样的信息。。我计划添加一个免责声明，w3c也有一个wiki：而且，你可以在谷歌搜索结果中手动屏蔽网站。我用它来阻止W3。如果我需要不同标签的单独图像。如何用你的答案实现这一点？使用类。需要蓝色图像的h2（例如）将具有类blue:h2.blue{background:url（“image.png”）不重复0 3px；左填充：10px；}
<h2><img src='image/email.jpg' />Email</h2>

h2{
 backgrond:url(image.jpg) no-repeat 0 3px;
 padding-left:10px;
}