ＨＴＭＬでの画像の載せ方

質問

ＨＰをＨＴＭＬで作る練習をしています。
画像をＨＰに掲載したいのですが
<IMG src="ファイル名">でいけると思い
88171フォルダのdata01.jpg画像を
掲載したく
<img src="88171/data01.jpg">
とメモ帖に書いて保存したんですがデスクトップで確認すると
×マークになり見る事ができません。
何故でしょうか？
また保存時のファイルの種類の判断もよくわかりません。
誰か教えてください。

回答No.3

noname#105334

#2です。
図解がずれてしまってごめんなさい。

質問に書かれているタグならば、
＞画像と同じフォルダにメモ帖を保存するということ・・・
ではありません。
画像が入っているフォルダがＨＴＭＬドキュメントと同じフォルダに入っていなければいけません。

ＨＴＭＬドキュメントと同じフォルダに画像を起きたい場合はタグを
<img src="./data01.jpg">
にしなければいけません。

＞保存時のファイルはＨＴＭＬの文書を保存する時に4種類ほど
＞出てきますがどう違うかわからないです。
意味が分かりません。
ＨＴＭＬで作られていると言うのはメモ帳でタグを打って作ることですよね？
メモ帳で作った場合、テキスト文書か全てのファイルしか出てきませんし、ファイル名に拡張子を入れない限りテキストファイルになってしまいます。

それとも何かＨＴＭＬ作成ツールソフトとか使っていませんか？

分かりやすいサイトを見つけました。
7日で作る！タグ打ちホームページ
http://7tag.jp/
4日目の画像を使うがまさにこの質問の回答です。
保存形式についても書かれています。
はじめから飛ばさず読んでみてください。

お礼

レスポンス返すのが遅れて申し訳ありません。

丁寧な回答ありがとうございます。

最初から読んでやってみた所解決しました。

とても助かりました＾＾

ありがとうございます。

回答No.2

noname#105334

確認ですが、88171フォルダはそのHTMLドキュメントと同じフォルダに入っていますか？

そのHTMLドキュメントをa.htmlとして図解にすると
HPフォルダ┬a.html
　　　　　└88171フォルダ─data01.jpg
になっていれば、<img src="88171/data01.jpg">
もしくは<img src="./88171/data01.jpg">で大丈夫なはずです。

初心者にありがちな間違いで
HPフォルダ─a.html
88171フォルダ─data01.jpg
といった、画像が入っているフォルダが外に出ちゃっていませんか？
もしくはフォルダ名・ファイル名が間違えているとか、半角空白が入ってしまっているとか。

保存時のファイルの種類というのは画像のことですか？それともドキュメントの方ですか？

それと1の方が仰っているHP=ヒューレッドパッカード社の商標云々というのは、趣味なら気にしなくても今のところは良いです。
馬力の略語だったりゲームのヒットポイントの略だったりしますからね。
ですが、長くやっていきたい、仕事にしたいと言うのならば、HPという略語及びホームページは使わない方が良いです。
本来はウェブページ、ウェブサイトと言います。

補足

丁寧な解説ありがとうございます。

わからないのですが

画像と同じフォルダにメモ帖を保存するということですか？

保存時のファイルはＨＴＭＬの文書を保存する時に4種類ほど

出てきますがどう違うかわからないです。

回答No.1

ORUKA1951

HPというと・・ヒューレッドパッカードの商標。
ウェブサイトに掲載するHTMLの勉強をされるのでしたら、
【参考サイト】
はじめてのWebドキュメントづくり
　 http://www.asahi-net.or.jp/%7Esd5a-ucd/www/
から始められるとよいです。

補足

ありがとうございます。

確認しましたが同じ所がわかりません。