在括号中，我的结尾 </body> 是红色的，这似乎是什么原因造成的？剩下的是什么？

Question

<a href="Services.html">
        <button type="button"class="btn">Book Now!</button>

        <div id="contact">
    <p> <b> Contact us: </b> CapitalExplorers@Wellington.com</p>
</div>
  </body>

试图找出导致 </body> 变红的原因。我相信它与 <a href 部分有关但不确定。关于潜在修复的任何想法？

Answer 1

记得关闭你的标签：

<head>
    ...
</head>

您缺少第一个列表的结束标记。

<body>

    <ul id="navigation">  
        <li><a href="FAQ.html">FAQ</a></li>
        <li><a href="Bookings.html">Bookings</a></li>
        <li><a href="Services.html"> Services </a></li>
        <li><a href="Index.html">Home</a></li>
    </ul> <!-- Include here a closing tag -->

<a> 标签也需要关闭。

    <a href="Services.html">
        <button type="button"class="btn">Book Now!</button>
    </a> <!-- For example, if you want the link only in the button (even if it is not a good practice) -->
    <div id="contact">
        <p><b>Contact us:</b> CapitalExplorers@Wellington.com</p>
    </div>
</body>

Answer 2

查看提供的代码段。我认为这就是您的 html 的样子。添加了一些结束标记并删除了一些空格。

<!DOCTYPE html>


<html>
   <head>
       <title>Capital Explorers- Home</title>
       <link rel="stylesheet" type="text/css" href="style.css">
       <link href="https://fonts.googleapis.com/css2?family=Arvo:wght@700&family=Chelsea+Market&family=IBM+Plex+Sans:wght@400;600&family=Lato:wght@300&family=Roboto&display=swap" rel="stylesheet">
  </head>

<body> 
         
     <ul id="navigation">  
         <li><a href="FAQ.html">FAQ</a></li>
         <li><a href="Bookings.html">Bookings</a></li>
         <li><a href="Services.html"> Services </a></li>
         <li><a href="Index.html">Home</a></li>
     </ul>  
                 
    <h1>Capital <span> Explorers </span></h1>
       
    <div id="header">
        <h2>Explore Wellington.</h2>
    </div>
         
    <div id="paragraph"> 
        <p> At Capital Explorers, our mission is to provide Fun, Adventurous and <span> Eco-friendly               </span> Tours of Wellington City and beyond.
        </p>
    </div>
             
    <div id="SubPara">
        <p> <b>- Maori</b> culture and history, Te Papa, The Cable Car and many more!
        <br>      
        <b>- Travel on</b> foot, with scooters or bicycles, and also electric vehicles.
        <br>      
        <b> - Family </b> owned and operated, with over 15 years of experience in the tourism industry.
        <a href="Services.html"></a>
        <button type="button"class="btn">Book Now!</button>
    </div>
    
    <div id="contact">
        <p> <b> Contact us:</b> CapitalExplorers@Wellington.com</p> 
    </div>      
</body>
</html>

在括号中，我的结尾 </body> 是红色的，这似乎是什么原因造成的？剩下的是什么？

In Brackets my end </body> is red, what seems to be the causing this? What is left opened?

html

adobe-brackets