在导航栏中添加徽标时遇到问题

Question

I tried using the anchor tag and its not working.I also tried this,
 <h2 class="navbar-brand brand-name">
   <a href="index.html"><img class="img-responsive2"       
   src="images/DigitalPondlogo.png">DigitalPond</a>

但我收到一个错误，提示图像标签未关闭。我是引导程序的初学者，很难解决这个问题。我想在徽标中添加**图像和文本（航班预订系统）** .我需要将徽标放在左侧。

这是现有的代码。

          <nav className="navbar navbar-expand navbar-dark bg-dark ">
          <Link to={"/"} className="navbar-brand">
          
             Booking
            </Link>
            <div className="navbar-nav mr-auto">
              <li className="nav-item">
                <Link to={"/home"} className="nav-link">
                  <strong>Home</strong>
                </Link>
              </li>

             

              {showAdminBoard && (
                <li className="nav-item">
                  <Link to={"/admin"} className="nav-link">
                    <strong> Admin </strong>
                   
                  </Link>
                </li>
              )}

              {currentUser && (
                <li className="nav-item">
                  <Link to={"/user"} className="nav-link">
                    <strong> User</strong>
                   
                  </Link>
                </li>
              )}
            </div>

            {currentUser ? (
              <div className="navbar-nav ml-auto">
                <li className="nav-item">
                  <Link to={"/profile"} className="nav-link">
                    <strong> {currentUser.username}</strong>
                   
                  </Link>
                </li>
                <li className="nav-item">
                  <a href="/login" className="nav-link" onClick={this.logOut}>
                    <strong> LogOut</strong>
                   
                  </a>
                </li>
              </div>
            ) : (
              <div className="navbar-nav ml-auto">
                <li className="nav-item">
                  <Link to={"/login"} className="nav-link">
                    <strong>Login</strong>
                  </Link>
                </li>

                
              </div>
            )}
          </nav>

Answer 1

这个错误非常准确。您的 img 标签未关闭。换个试试

<img class="img-responsive2" src="images/DigitalPondlogo.png">

<img class="img-responsive2" src="images/DigitalPondlogo.png" />

注意 img 标签末尾的/>。