Question

我正在尝试学习Web开发并从codeacademy做了一些课程。它只是教授内容的语法和含义，而不是如何实现它们。有人可以帮我理解以上所有内容是如何联系在一起的。我尝试制作一个基本代码，其中我尝试链接一些东西，但css文件没有链接到网页上的HTML文件。

代码在

之下

<!DOCTYP html>
<HTML>
   <head>

    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">


    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">

    <link rel="stylesheet" href="main.css" type="text/css">


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

   </head>
   <body> 
    <div class="nav">
     <div class="container">
      <ul class="pull-left">    
        <li><a href="#">HOME</a></li>
        <li><a href="#">CONTACT</a></li>
      </ul>
     </div>
    </div>

    <div class="jumbotron">
     <div class="container">
      <h1>TRANSFER STUDENT?</h1>
      <h4>INDIA -> US</h4>
      <a href="#">Learn More</a> 
     </div>
    </div>

    <div class="content">
     <div class="container">
      <p>This website has been hosted specially for Transfer Students from India into the colleges in the United
     States. Information regarding transfers, eligibility, life and other important aspects of college life
     as a transfer student is available. If any more information is required please vist the contacts tab.</p>          
     </div>
    </div> 

    <div class="otherlinks">
     <div class="explorer">
      <h3>Explore and know about College Transfers</h3>
      <div class="row">
       <div class="col-md-4">
    <div class=""thumbnail">        
     <a href="#"><img src="http://www.dqindia.com/IMG/410/32410/bits01may312k4.jpg"/></a>
     <a href="#"><img src="http://kaw.stb.s-msn.com/i/BC/4C1785CC7D8E3AAB36924732558E36.jpg"/></a>
     <a href="#"><img src="http://m.harvard.edu/modules/home/images/logo-home.png"/></a>
       </div> 
      </div>
     </div>
    </div>
   </body>
</html>

我还制作了一个小的css文件并尝试进行一些更改，但它们在页面上不可见 css代码在

之下

.jumbotron h1 {
    font-size:30px;
    color:blue;
}

.jumbotron {
    background-image:url('http://urbanupdate.in/wp-content/uploads/
2014/03/india-us-flag.jpg');
}

.nav a {
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 10px;
    text-transform: uppercase;
}

另外，我将这些文件保存在同一个文件夹中，其次我正在使用记分板。另外如何将我的计算机中的其他文件链接到txt文件？我仍然没有包含任何jquery代码，但如果我错了，请纠正我 jquery代码将在我链接jquery的脚本标记之后进入两个脚本标记。正确？

如何将CSS，javascript和HTML文件链接在一起

0 个答案: