2017-06-18 13 views
-1

enter image description hereこれは私の最初のHTMLプロジェクトです。ここでは#nheader idの背景画像を入れようとしていますが、ブラウザではタバコを切り替えるとその理由がわからないのですか?ヘッダーの背景画像が機能しないのはなぜですか?

<html> 

<!--this is the 

start html file--> 
<head> 
    <meta keywords="html, laern, teach"/> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <title> this is a website </title> 
</head> 

<body> 
    <div id="wrap"> 
    <div id="nheader"> 
     <h1>how to write html5</h1> 
     <img src="..my demo/images/body.jpg"> 
    </div> 
    <div id="npara"> 
     <p class="text_para"> 
     Lorem ipsum dolor sit amet, <span class="color">consectetur</span> adipisicing elit, sed do eiusmod 
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad 
     </p> 
     </div> 

     <div id="footer"> 
     <p class="text_para"> 
     this is footer 
     </p> 
     </div> 

    </div> 


</body> 

<!--here ends th html file --> 
</html> 
+0

'..my demo/images/body.jpg'は有効なパスではありません。../my demo/images/body.jpg'でしょうが、設定によります。また、パスに空白を使用しないようにしてください。 – moritzg

+0

HTMLとCSSのバリデーターがすべてのWebページ作成で重要な役割を果たす理由についての輝かしい例です。 – Rob

+0

ありがとう、あなたのコメントのRob、 私はすでにあなたが上記の通りにパスを変更しましたが、それは同じ問題です –

答えて

1

それへのパスが間違っているため、あなたのイメージは動作しません。パスがあってもよい。

  • 絶対パス(彼らがから呼び出される場合に関係なく動作)http://example.com/images/body.jpg
  • 相対パス
    • 現在のスクリプトに(すなわち./images/body.jpg../../images/body.jpg
    • 現在のドメイン/マシンに
    • :(すなわち、/images/body.jpg,~/img/logo-free.png

異なるシステムでパスがどのように機能するかについては、Wiki:Path (computing)を読むことを検討してください。

サーバ(ドメイン)は実際にはマシン(コンピュータ)上にホストされているため、そのパス構造を介してフォルダ構造にアクセスできます(ウェブに関する制限付き)。

ウェブドメインの大部分は、Linux(Unixシェルシステム)でホストされています。

関連する問題