<a href="Services.html">
<button type="button"class="btn">Book Now!</button>
<div id="contact">
<p> <b> Contact us: </b> [email protected]</p>
</div>
</body>
试图找出导致红色的原因。我相信这与
记住要关闭标签：
<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> [email protected]</p>
</div>
</body>
查看提供的代码段。我认为这是您的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> [email protected]</p>
</div>
</body>
</html>