我在响应式动画网站上下载了练习文件，在我的代码编辑器（Brackets）页面末尾，正文和html标签显示为红色，好像有错误，我不知道为什么。有人能告诉我吗？
另外，找出自己的最好方法是什么？我点击了Brackets工具栏中的“Debug”，但它只是给了我错误的行 - 页面上的167和168，仅此而已。没什么帮助。谢谢。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Gym - Personal Training</title>
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="css/font-awesome.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/waypoints.css">
<script src="js/query.waypoints.min.js" type="text/javascript"></script>
<script src="js/waypoints.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<div id="header-inner">
<a href="index.html" id="logo"></a>
<nav>
<a href="a" id="menu-icon"></a>
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="a">About</a></li>
<li><a href="a">Facility</a></li>
<li><a href="a">Pricing</a></li>
<li><a href="a">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!--- Start Slider -->
<script src="js/jquery.bxslider.min.js"></script><!--For Image Slider-->
<div class="slide-wrap">
<section class="slider">
<ul class="slider1">
<li><img src="https://www.w3newbie.com/wp-content/uploads/chest-fly.png"></li>
<li><img src="https://www.w3newbie.com/wp-content/uploads/push-ups.png"></li>
<li><img src="https://www.w3newbie.com/wp-content/uploads/inside-gym.png"></li>
<li><img src="https://www.w3newbie.com/wp-content/uploads/training.png"></li>
</ul>
</section>
</div>
<script type="text/javascript">
$('.slider1').bxSlider({
mode: 'fade',
captions: false,
auto:true,
pager:false,
});
$('.slider2').bxSlider({
pager:false,
captions: true,
maxSlides: 3,
minSlides: 1,
slideWidth: 230,
slideMargin: 10
});
$('.slider3').bxSlider({
mode: 'fade',
captions: false,
auto:true,
pager:false,
controls:false,
});
</script>
<!--- End Slider -->
<div class="clearfix"></div>
<div id="inner-wrapper">
<!---Start Waypoints Delayd Animation --->
<section class="staggered-animation-container">
<section class="os-animation" data-os-animation="fadeInLeftBig" data-os-animation-delay=".3s">
<section class="one-third">
<div class="circle">
<td><i class="fa fa-users"></i></td>
</div>
<h3>Grade A Staff</h3>
<p>Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications. Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!</p>
</section>
</section>
<section class="one-third">
<div class="circle">
<td><i class="fa fa-map-marker"></i></td>
</div>
<h3>A Convenient Location</h3>
<p>Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications. Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!</p>
</section>
<section class="one-third">
<div class="circle">
<td><i class="fa fa-check-square-o"></i></td>
</div>
<h3>Check us out - free!</h3>
<p>Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications. Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!</p>
</section>
<div class="clearfix"></div>
<article>
<img src="https://www.w3newbie.com/wp-content/uploads/gym-classes.png" class="circle-image">
</article>
<aside>
<h3>Our Facility</h3>
<br>
<ul class="gym">
<li><h4>Unlimited wifi Connection</h4></li>
<li><h4>member music requests & voting</h4></li>
<li><h4>open 24 hours / 7 days a week</h4></li>
<li><h4>cardio machine movie theater</h4></li>
</ul>
</aside>
<div class="clearfix"></div>
<section class="one-third">
<h3>Ladies Section</h3>
<img src="https://www.w3newbie.com/wp-content/uploads/ladies-gym.jpg">
<p>Included in our facility is a "ladies only" section of the gym where women can work out by themselves.</p>
</section>
<section class="one-third">
<h3>the gym floor</h3>
<img src="https://www.w3newbie.com/wp-content/uploads/gym-floor.jpg">
<p>Our gym is as spacious as they come. Enjoy scenic views from the cardio equipment on the third floor.</p>
</section>
<section class="one-third">
<h3>free weights</h3>
<img src="https://www.w3newbie.com/wp-content/uploads/free-weights.jpg">
<p>Our free weights section has an extensive collection of dumbbels and Olympic plates for body building.</p>
</section>
<!---End Inner Wrapper--->
<div class="clearfix"></div>
<footer>
<div id="footer-inner">
<section class="one-third" id="footer-third">
<h3>Contact</h3>
<p class="footer-contact">The Gym<br>
<b class="phone">555-555-5555</b><br><br>500 Washington Road<br>Seattle, WA 98101</p></section>
<section class="one-third" id="footer-third">
<h3>Social</h3>
<br>
<ul class="social">
<li><a href="https://www.facebook.com/w3newbie" target="_blank"><i class="fa fa-facebook"></i></a></li><li><a href="https://plus.google.com/+DrewRyan_3/posts" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li><a href="https://twitter.com/DrewOnCue" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.youtube.com/user/drewoncue" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul>
</section>
<section class="one-third" id="footer-third-last">
<h3>Pages</h3>
<br>
<h5>
<a href="index.html">home</a> <a href="#">about</a> <a href="#">facility</a> <a href="#">pricing</a>
<a href="#">contact</a>
</h5>
</section>
</div>
</footer>
<footer class="second">
<p>© The Gym, 2017</p></footer>
<!---End Waypoints Delayed Animation --->
</section>
</body>
</html>
答案 0 :(得分：0)
您的所有评论都有误，其中：<!-- COMMENT -->，而不是<!--- --->
答案 1 :(得分：0)
尝试折叠所有嵌套代码，看看是否有任何未正确关闭的代码。