Question

我正在构建一个基本网页来练习HTML，但是我现在遇到了麻烦。

这是我的HTML：

    <!DOCTYPE html>
<html lang=“eng”>

<html>
  <head>
    <meta charset="utf-8">
    <link type=“text/css” rel="stylesheet" href="style.css">
    <title>Greg’s Page</title>
  </head>
  <body>
    <div ID=“header”>Hello</div>
  </body>
</html>

这是我的CSS：

#header {
  height: 15px;
  width: 100px;
  background-color: #4A7B6F;
  border-radius: 5px;
  border: 2px solid #9EAEB3;
  margin: auto;
}

现在由于某种原因，当我在我的计算机上预览这个HTML文件时，它看起来像这样：你好。我到处查找语法，但我看不到任何错误。

Answer 1

更改id的引号。同时更改ID的情况。

而不是

 <div ID=“header”>Hello</div>

使用

<div id="header">Hello</div>

演示：http://jsfiddle.net/GCu2D/586/

Answer 2

看起来有一些可能导致这种情况的事情。首先，您有两个html标记。第二，ID大写（不确定是否会导致任何问题），第三，你不使用ASCII引号。 “（字符代码8220）与"（字符代码34）不同。

请注意，该引用问题最常见于从文本编辑器（如Word）进行复制。如果你看看你放的是什么，你会发现ID并不是唯一一个引号错误的东西。

修复这些内容的代码有效：

#header {
  height: 15px;
  width: 100px;
  background-color: #4A7B6F;
  border-radius: 5px;
  border: 2px solid #9EAEB3;
  margin: auto;
}

<!DOCTYPE html>
<html lang="eng">
  <head>
    <meta charset="utf-8">
    <title>Greg's Page</title>
  </head>
  <body>
    <div ID="header">Hello</div>
  </body>
</html>

Answer 3

你的报价错了...... 检查这个小提琴

<div ID="header">Hello</div>

演示https://jsfiddle.net/qq5sk3nf/

Answer 4

您是从某处复制过代码还是键入了代码？使用的双引号不正确。使用ASCII引号（我们通过按Shift键和引号键正常使用的那些）

进行如下更改：

更改此<html lang=“eng”> 到<html lang="eng">

更改此<link type=“text/css” rel="stylesheet" href="style.css"> 到

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

更改此<div ID=“header”>Hello</div> 到<div ID="header">Hello</div>

之后你的代码会正常工作。请参阅下面的输出：

enter image description here

Answer 5

更改以下行的行：

   <div ID=“header”>Hello</div>

通过这个

  <div id="header">Hello</div>

Answer 6

确保您在html标记中使用的每个引用都不是卷曲的。在标准键盘上，引号符号是您按住shift并按下冒号和主输入键之间的键时获得的符号。另外，使用en作为lang的值代表标准英语。工作代码如下。

HTML：

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" href="style.css">
        <title>Greg’s Page</title>
      </head>
      <body>
        <div ID="header">Hello</div>
      </body>
    </html>

您的style.css文件（必须位于与上述HTML文件相同的文件夹中）：

    #header {
    height: 15px;
    width: 100px;
    background-color: #4A7B6F;
    border-radius: 5px;
    border: 2px solid #9EAEB3;
    margin: auto;
    }

Answer 7

工作JSFiddle

固定代码：

<div id="header">Hello</div>

问题：

id不能为大写
你不能使用“引号”。你必须使用“。

Answer 8

Change the quotes for div id.

Wrong use---

<div ID=“header”>Hello</div>

Right use---

<div id="header">Hello</div>

then write css #header

Answer 9

试试这个，我认为问题是因为你使用了背景色

颜色：＃4A7B6F;

我的div背景颜色不会显示出来

9 个答案: