Как сделать Lo go на кнопку

Question

Я пытаюсь сделать Lo go компании, чтобы, если кто-то нажмет на нее, она всегда отправляла пользователя на «домашнюю» страницу. Я пытаюсь сделать что-то вроде

<label class="logo" href="Home.html">Company</label>

, но это не похоже на работу. Мы будем благодарны за любую помощь, поэтому, когда пользователь нажимает «Company» lo go, он отправляет их на домашнюю страницу.

<div class="header2" id="myHeader">
  <nav class="navbar">
    <div class="container">
      <label class="logo" href="Home.html">Company</label>
      <div class="dropdown">
        <button class="button2">Company</button>
        <div class="dropdown-menu text-center">
          <a class="dropdown-item" href="AboutUs.html"></span>About Us</a>
          <a class="dropdown-item" href="ContactUs.html"></span>Contact Us</a>
        </div>
      </div>

      <div class="dropdown">
        <button class="button2">Product</button>
        <div class="dropdown-menu text-center">
          <a class="dropdown-item" href="WhyUse.html"></span>Why Use</a>
          <a class="dropdown-item" href="Locations.html"></span>Locations</a>

        </div>
      </div>

      <div class="dropdown">
        <button class="button2" href="#">Sign In</button>
        <div class="dropdown-menu text-center">
          <a class="dropdown-item" href="#"></span>User Log In</a>
          <a class="dropdown-item" href="#"></span>Management Log In</a>
        </div>
      </div>

      <div class="dropdown language">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" aria-haspopup="true"
                aria-expanded="false">
          <span class="flag-icon flag-icon-us"></span> English
        </button>
        <div class="dropdown-menu text-center language">
          <a class="dropdown-item" href="#fr"><span class="flag-icon flag-icon-fr"> </span> French</a>
          <a class="dropdown-item" href="#it"><span class="flag-icon flag-icon-it"> </span> Italian</a>
          <a class="dropdown-item" href="#jp"><span class="flag-icon flag-icon-jp"> </span> Japan</a>
        </div>
      </div>
    </div>
  </nav>
</div>

Answer 1

Вы можете использовать тег <a>:

<a class="logo" href="Home.html">Company</a>

Вы также можете поместить <a> в <label>, так как он действителен в HTML.

<label><a class="logo" href="Home.html">Company</a></label>

Answer 2

Изменить <label> на <a>.