0

このコードを使用すると、ブラウザでテキストが見つかりません。単純な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>
4

3 に答える 3

1 
<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>
于 2012-09-17T21:11:33.530 に答える
1

5 つの主要な問題:

  • あなたにはありません<!DOCTYPE>
  • 2 つの<body>開始タグがあります。
  • 2 つの</head>終了タグがあります。
  • あなたの<style>ブロックは<head>タグのようなものです。
  • タグを適切に開くことはありません<p>。

1 つの小さな問題:

  • タグには、その画像の内容を説明するテキストを保持する属性が<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>
于 2012-09-17T21:16:18.397 に答える
0

さてあなたの<p>要素には終わりがありません>...

<p Text

する必要があります

<p> Text
于 2012-09-17T21:09:10.967 に答える