简单的HTML不起作用 - 需要协助

时间:2016-02-23 22:32:12

标签: html

有谁知道,为什么当我尝试预览我的网站时,它没有显示任何内容?我的代码出了什么问题?

当我检查源代码时,它不会准确地告诉我问题是什么?

<head>

    <title>My Coursera Site</title>
    <link rel="stylesheet" type="text/css" href="bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script src="script.js" />

</head>

<body>

    <a href="index.html">Home</a>

    &nbsp;

    <a href="about.html">About</a>

    &nbsp;

    <a href="contact.html">Contact</a>


    <hr>

    <div class="container">

        <h1 id="title" onclick="alert('Hello');">This is a heading or title</h1>

        <div="row">

            <div class="col-md-6 thin_border">
            some content for panel 1 
            </div>

            <div class="col-md-6 thin_border">
            some content for panel 2 
            </div>

        </div>

    </div>

</body>

2 个答案:

答案 0 :(得分:1)

尝试明确关闭脚本标记 <script src="script.js" /> 应该是

<script src="script.js" ></script>

如果您需要更多解释,可以查看question

答案 1 :(得分:-1)

您错过了<HTML><!DOCTYPE>标记。您的代码应该是这样的:

<!DOCTYPE html>
<html>
    <head>
        <title>My Coursera Site</title>
        <link rel="stylesheet" type="text/css" href="bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script src="script.js" />
    </head>
    <body>
        <a href="index.html">Home</a>
        &nbsp;
        <a href="about.html">About</a>
        &nbsp;
        <a href="contact.html">Contact</a>
        <hr>
        <div class="container">
            <h1 id="title" onclick="alert('Hello');">This is a heading or title</h1>
            <div class="row">
                <div class="col-md-6 thin_border">
                some content for panel 1 
                </div>
                <div class="col-md-6 thin_border">
                some content for panel 2 
                </div>
            </div>
        </div>
    </body>
</html>

请注意,你也有一个错误的div标签<div="row">,我假设它可能是div类属性,这就是我在上面的例子中将它设置为class属性的原因。 还建议在JavacScript导入中添加type属性和显式结束标记,如下所示:

<script type="text/javascript" src="script.js"></script>