画像はHTMLスクリプトからウェブサイトには入っていません

Question

私はHTMLを初めて使っています。 www.Codepen.ioのウェブサイトを使って、HTMLを使って.pngの写真、ヘッダー、パラグラフを作りました。しかし、残念なことに、ウェブサイトのすべてが生成されていますが、写真はありません。なぜ私は分からない。 .htmlファイルのある場所と同じ場所に.pngファイルを置く必要がありますか？ Codepenの.htmlファイルを保存する必要がある場合、どうすればいいですか？スクリプトの作成中に何か間違っているのですか？

参考のために添付ファイルをご参照ください：お使いのコンピュータからの画像を表示するためにつかむしようとしているかのように

<div> 
<h1>Rohit's page of Interests</h1> 
<img src = "/Users/Roys_laptop/Desktop/Java/java_logo.png" id = "Java logo" /> 
<p>My aim is to become a Java Developer one day.</p> 
</div> 
<div> 
<h1>My Interests</h1> 
<img src = "/Users/Roys_laptop/Desktop/Java/nfl_logo.png" id = "NFL 
    logo" /> 
<p> I am a very big football fan. I love and root for the Cinncinnati 
    Bengals </p> 
<img src = "/Users/Roys_laptop/Desktop/Java" id = "Cinncinnati Bengals" /> 
</div> 

Answer 1

それが表示されます。画像を表示するには、インターネット上のどこかで画像をホストする必要があります。

Codepen.ioはアセットホスティングを提供していますが、プロメンバーシップがある場合に限ります。このリンクには、詳細が記載されています。 https://blog.codepen.io/documentation/pro-features/asset-hosting/

イメージは、htmlファイルと同じ場所にある必要はありません。 Web開発では、すべての画像が同じ場所にあるように画像に独自のフォルダを与えるのが一般的です。 This threadでは、サイト構造のベストプラクティスについて説明しています。

実際に画像をリンクする方法については、this threadが詳しく説明しています。