htmladobe-brackets

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


<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>

Trying to find out what is causing the </body> to be red. I believe it has something to do with the <a href part but not sure. Any ideas on a potential fix?


Solution

  • Remember to close your tag:

    <head>
        ...
    </head>
    

    You're missing the closing tag of the first list.

    <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 -->
    

    The <a> tag also needs to be closed.

        <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>