Javascript 在html中创建和链接div标记

我想在一个html页面中并排创建两个div标记div1和div2。在div1中，我创建了2个锚定标记create和Insert。在div2中，我想创建两个div选项卡tab1和tab2。我想解决创建到tab1和插入到tab2的问题。有人能帮我吗

.container {
width: 80%;
height: 200px;
margin: auto;
padding: 10px;
}
.one {
width: 15%;
height: 200px;
float: left;
}
.two {
margin-left: 15%;
height: 200px;
}



<section class="container">
  <div class="one">
    <a href="tab1">Create</a>
    <a href="tab2">Insert</a>
  </div>
  <div class="two">
    <div class="tabs">
      <div id="tab1">
        <button class="tablinks" onclick="cpp">C++</button>
        <button class="tablinks" onclick="java">java</button>
         <div id="cpp" class="tabcontent">Create in C++</div>  
         <div id="java" class="tabcontent">Create in java</div>
      </div>
      <div id="tab2">
        <button class="tablinks" onclick="cpp">C++</button>
        <button class="tablinks" onclick="java">java</button>
          <div id="cpp" class="tabcontent">Create in C++</div>  
          <div id="java" class="tabcontent">Create in java</div>
      </div>
     </div>
  </div>
</section>

---

我希望，这段代码是完全有帮助的

家 轮廓 消息 设置