Как я могу связать кнопку в html с другим классом / div

У меня есть 1 страница веб-сайта, как я могу связать мою кнопку, если я нажимаю на нее, что она идет вниз к моему нижнему колонтитулу id моего нижнего колонтитула является Footersite

Мой код: 

<div class="openbutton">
    <a href="Footersite">
       <p style="color: white; font-size: 17px;">Contact us</p>
    </a>
</div>
Но она не опускается. Как я могу это исправить?
2 2
html hyperlink footer

2 ответа:

Даже если вы можете достичь этого с помощью якорного тега, это не единственный способ. С помощью элемента button Вы можете достичь этого

HTML кнопка 

div {
  margin-top: 800px;
  width: 100px;
  height: 100px;
  background: tomato;
}
<button onclick="window.location.href='#abc'">Button</button>
<div id="abc"></div>

Демо-версия

Если вам нужен якорный элемент, то

Якорный тег 

div {
  margin-top: 800px;
  width: 100px;
  height: 100px;
  background: tomato;
}
<a href="#abc">Link</a>
<div id="abc"></div>
2

Просто используйте якорную ссылку для достижения этого: 

<div class="openbutton">

  <a href="#Footersite">
    <p style="color: white;font-size: 17px;">
      Contact us
    </p>
  </a>

</div>

<a name="Footersite"></a>
<div style="margin:1000px 0;">
  Footersite
</div>
1