为什么我的index.html没有运行?

时间:2015-08-08 03:50:58

标签: javascript html css

我认为这与我的标题有关,但无法发现任何错误。我通过html验证器运行它,我得到的唯一错误是没有alt属性。你们认为这是文件路径错误吗?

<!DOCTYPE html>
<html>

<head>
<title>Timeline</title>


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">



<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/scripts.js"></script>

<!-- Owl Carousel -->
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="owl/owl-carousel/owl.carousel.css">

<!-- Default Theme -->
<link rel="stylesheet" href="owl/owl-carousel/owl.theme.css">

<!-- Include js plugin -->
<script src="owl/owl-carousel/owl.carousel.js"></script>
<!-- end Owl Caorusel-->

</head>



<body>





<div id='page-wrapper'>




<!-- Begin Timeline--> 

<div id="owl-demo" class="owl-carousel owl-theme">


  <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1955 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum  </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

  <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1965 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>


   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1975 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1985 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1996 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1997</h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1998 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>1999 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet  metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>2000 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>2002 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>2010 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>

   <div class="item main-wrapper">
        <div class='row'>
            <div class='col-md-4'>
                <div class='main-wrap'>
                    <h1 class='main-year'>2015 </h1>
                    <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3>
                    <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non</p>
                </div>
            </div>
<!--end of main left side-->
            <div class='col-md-8'>
                <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'>
            </div>
        </div>
    </div>



<!-- end of timeline -->
</div>


<!-- prev next buttons-->

<div class='hidden-lg hidden-md'>
    <div class='owl-buttons'>
        <div class='owl-prev'>
            <div class='icon-arrow-left'></div>
        </div>
        <div class='owl-next'>
            <div class='icon-arrow-right'></div>
        </div>
    </div>
</div>
<!--end prev next buttons-->  

<!-- dots-->
<div class='hidden-md hidden-lg'>
    <div class='owl-page'></div>
</div>
<!-- end dots-->


</div>

</div>
<!--end wrapper-->    

</body>


</html>

1 个答案:

答案 0 :(得分:0)

我在这里看到了几个潜在的问题,只有一些是您需要检查文件路径以确保正确加载css文件,此外,您需要在// jquery脚本前面添加http:如果您在本地工作,则无法正确加载。