HTMLでHPを作っていますが画像が貼れません

Question

初心者がHTMLでHP作成していてつまづいています。助けて下さい。 alphaEDITでHPを作成しており、PF-X.NETサーバーを利用しています。 PF-X.NETサーバーの規則上、public_htmlというフォルダを作って、その中にindexファイルとimgフォルダを作ってその中に画像を入れてます。 indexファイルに貼り付けた画像をimgフォルダに入れてます。アップロードしたら、作成したレイアウトは自分のURLに表示されるのですが、画像は枠だけ表示され左上に破れた様なマークがついています。何がおかしいのでしょうか？ HTMLチェッカーというのも英語で分かりませんでした。よろしかったらどなたかお助け下さい。よろしくお願いします。以下がindexファイルのHTMLです。 MAINページ

THRASH METAL JUNCKY

ヘヴィメタルが好き！それもスラッシュメタルが大好きという方達のサイトです！

私は特にジャーマンスラッシュ三羽烏が大好きです。

KREATOR,SODOM,DESTRUCTION最高！！

ENTER

サンプルページ1
サンプルページ2
サンプルページ3

Copyright THRASH METAL JUNCKY

pasocom · Accepted Answer

＃２です。
＞すみませんalphaEDITで画像を貼り付けただけでは駄目だということになるのでしょうか？
私は「alphaEDIT」なるソフトを使ったことがないので詳しくはわかりませんが、メインフォルダの中にサブフォルダなどが存在する場合に、あるHTMLファイルから別フォルダにあるファイルをリンクさせるには、下記サイトにあるようなフォルダ位置指定をしなければならないのです。参考にどうぞ。
http://nojhon.s71.xrea.com/lecfolderb.html

pasocom · Answer

＞public_htmlというフォルダを作って、その中にindexファイルとimgフォルダを作ってその中に画像を入れてます。

つまり画像ファイルは「img」フォルダの中にあるのですよね。そしてindex.htmlはそこではなく、「public_html」フォルダに入っていると。
これを図に描くと以下のようなはずです。
<public_html>
　index.html
　 <img>
　 articlekreatorinterview.jpg

この構造であれば、「index.html」から見て、「articlekreatorinterview.jpg」を指定するには「img」フォルダを指定しないとリンクできません。よって、ソースは
<img src="img/articlekreatorinterview.jpg" >
と、書くべきです。

と、書くべきです。

red0176 · Answer

プログラムの指定先に画像が無いからだと思います。
articlekreatorinterview.jpgの事ですか？
これはimgフォルダに入っているんですよね？
./img/articlekreatorinterview.jpgではないでしょうか？

HTMLでHPを作っていますが画像が貼れません

＃２です。

＞public_htmlというフォルダを作って、その中にindexファイルとimgフォルダを作ってその中に画像を入れてます。

プログラムの指定先に画像が無いからだと思います。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング