学校で学んだHTMLでホームページのソースコードを作成してるんですけど、デスクトップに保存したデータ

学校で学んだHTMLでホームページのソースコードを作成してるんですけど、デスクトップに保存したデータを開いたら写真は表示されますが、デスクトップで作成したフォルダの中に保存したデータを開いたら写真が表示されません。

こういう時、確認することは何ですか？

No.4 回答者： hunaskin 回答日時： 2021/06/11 14:16

相対パス、絶対パスで検索けんさくう～

No.3 回答者： t_fumiaki 回答日時： 2021/06/11 13:07

パス(ディレクトリ)が違うんじゃ無い？

ソースコードが格納されているフォルダに画像が格納されてたら
<img src="○○○.gif" alt="xxxx" />
の様にする。

が、違う処に画像が格納されてたらの下にあるフォルダなら)
下の例はimgと言うフォルダに画像が有る場合。

(ソースの下にあるフォルダなら)
<img src="img/○○○.gif" alt="xxxx" />

(ソースと同列位置のフォルダなら)
<img src="../img/○○○.gif" alt="xxxx" />

とかやらないと。

パス指定方法、などで検索して勉強する。

No.2 回答者： タマタマポチ 回答日時： 2021/06/11 12:58

> デスクトップに保存したデータを開いたら写真は表示されますが

はい。
　　
> デスクトップで作成したフォルダの中に保存したデータを開いたら
？？？
　　
基本ですがフォルダを作成して、その中にhtmlファイルを保存する。
この場合、写真などの素材も同じフォルダに入れる。
あるいは素材が多くなりすぎると思ったら、img等の名前を付けたフォルダを上記のフォルダ内に作成してその中に入れる。
　　
フォルダの位置、素材の位置を移動すると、リンクが崩れて表示されなくなります。

No.1 回答者： EFA15EL 回答日時： 2021/06/11 12:48

画像へのパスが正しいかどうか、ですかね。

ピンと来ないなら、ウェブ制作に於けるパスの意味を学び直すところからです。