Question

当我使用此代码时，我无法在浏览器中找到该文本，有人可以帮我告诉我我的错误我似乎无法找到问题所有简单的html和CSS

<html>
    <head>  <title>Header example</title>

    </head>
<style>
body {background: green; 
    height:100%;
    margin:0; padding:0;
    }

#header1 {z-index:2; 
    position:fixed; top:0; left:0; 
    width:100%; height:30%;
    }

p1 {background:#FFFF00;
    position:absolute; top: 80%; left: 5%; 
    height: 40%; width: 100%;
}
</style>
</head>

<body>
<body oncontextmenu="return false;">


        <div id="header1"> <img src="Head_img.gif" width="100%" height="100%" />
        </div>

    <div id="p1">
<p Text text text text text text text textText text text text text text text text Text text text text text text text text </p>
    </div>
</body>

</html>

Answer 1

五大问题：

您没有<!DOCTYPE>
您有两个<body>张开标记。
您有两个</head>结束标记。
您的<style>广告字段属于<head>代码。
您永远无法正确打开<p>代码。

一个小问题：

您的<img />代码应具有alt属性，该属性包含一些描述该图片内容的文字。

此代码应该有效：

<!DOCTYPE html>

<html>
<head>
  <title>Header example</title>
  <style type="text/css">
body {background: green; 
    height:100%;
    margin:0; padding:0;
    }
  #header1 {z-index:2; 
    position:fixed; top:0; left:0; 
    width:100%; height:30%;
    }
  p1 {background:#FFFF00;
    position:absolute; top: 80%; left: 5%; 
    height: 40%; width: 100%;
  }
  </style>
</head>

<body>
  <div id="header1"><img src="Head_img.gif" width="100%" height="100%"></div>

  <div id="p1">
    <p>Text text text text text text text textText text text text text text text text Text text text text text text text text</p>
  </div>
</body>
</html>

Answer 2

<p> Text text text text text text text textText text text text text text text text Text text text text text text text text </p>

不

<p Text text text text text text text textText text text text text text text text Text text text text text text text text </p>

Answer 3

您的<p>元素没有任何结尾> ...

<p Text

应该是

<p> Text

我需要帮助查找此代码中的文本并修复它？

3 个答案: