在浏览器中打开网站时为什么没有显示任何内容?

时间:2014-09-17 22:56:46

标签: css web xhtml

忍受我,我对网络编程很陌生。

这是我的简单代码:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>Carlton Banks</title>
    </head>
    <body>
        <h1>CLICK ON CARLTONS HEAD!</h1>
        <a href="http://youtu.be/zS1cLOIxsQ8" target="_blank">
            <img src="hey.jpg" alt="A picture" style="width:300px">
        </a>
    </body>
</html>

这是极其简单的css文件:

body{
    h1: green
}

在浏览器上打开网站时,根本没有显示任何内容,只显示以下错误消息:

This page contains the following errors:
error on line 7 at column 10: Opening and ending tag mismatch: link line 0 and head
Below is a rendering of the page up to the first error.

1 个答案:

答案 0 :(得分:4)

当您使用XHTML时,所有标签都需要关闭。

链接标记的末尾应该有一个斜杠来关闭它:

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

图片标记相同:

<img src="hey.jpg" alt="A picture" style="width:300px" />

CSS不正确。我认为这就是你要做的事情:

body h1 {
  color: green;
}