- 締切済み
HTMLでの画像の載せ方
HPをHTMLで作る練習をしています。 画像をHPに掲載したいのですが <IMG src="ファイル名">でいけると思い 88171フォルダのdata01.jpg画像を 掲載したく <img src="88171/data01.jpg"> とメモ帖に書いて保存したんですがデスクトップで確認すると ×マークになり見る事ができません。 何故でしょうか? また保存時のファイルの種類の判断もよくわかりません。 誰か教えてください。
- hoopgirl
- お礼率13% (4/29)
- 画像・動画・音楽編集
- 回答数3
- ありがとう数4
- みんなの回答 (3)
- 専門家の回答
みんなの回答
#2です。 図解がずれてしまってごめんなさい。 質問に書かれているタグならば、 >画像と同じフォルダにメモ帖を保存するということ・・・ ではありません。 画像が入っているフォルダがHTMLドキュメントと同じフォルダに入っていなければいけません。 HTMLドキュメントと同じフォルダに画像を起きたい場合はタグを <img src="./data01.jpg"> にしなければいけません。 >保存時のファイルはHTMLの文書を保存する時に4種類ほど >出てきますがどう違うかわからないです。 意味が分かりません。 HTMLで作られていると言うのはメモ帳でタグを打って作ることですよね? メモ帳で作った場合、テキスト文書か全てのファイルしか出てきませんし、ファイル名に拡張子を入れない限りテキストファイルになってしまいます。 それとも何かHTML作成ツールソフトとか使っていませんか? 分かりやすいサイトを見つけました。 7日で作る!タグ打ちホームページ http://7tag.jp/ 4日目の画像を使うがまさにこの質問の回答です。 保存形式についても書かれています。 はじめから飛ばさず読んでみてください。
確認ですが、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という略語及びホームページは使わない方が良いです。 本来はウェブページ、ウェブサイトと言います。
補足
丁寧な解説ありがとうございます。 わからないのですが 画像と同じフォルダにメモ帖を保存するということですか? 保存時のファイルはHTMLの文書を保存する時に4種類ほど 出てきますがどう違うかわからないです。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
HPというと・・ヒューレッドパッカードの商標。 ウェブサイトに掲載するHTMLの勉強をされるのでしたら、 【参考サイト】 はじめてのWebドキュメントづくり http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ から始められるとよいです。
補足
ありがとうございます。 確認しましたが同じ所がわかりません。
関連するQ&A
- HTMLタグによる画像の貼り付け
はじめまして。 最近、メモ帳を使って、簡単なHPを作り始めたAZUMAXと申します。 何の知識もなく、いろんなサイトを見ながら勉強しつつ 少しずつ作っています。 しかし、すごく初歩的な所で困っています。 良かったら力を貸していただけないでしょうか? .jpgや.gifの画像ファイルを貼り付けたいのですが 貼り付けできません。 HPを見ると四角の中に、赤い■、緑の●、青の▲が表示されます。 その際のタグは<img src="画像のファイル名.jpg">です。 ファイルの保存場所が必要かと思い、 <img src="C:/Users/私のユーザー名/Pictures/画像のファイル名.jpg">に変えても、表示されませんでした。 ファイルの保存場所が違っているのか、タグが違っているのかも分かりません。 すごく初歩的な事で、申し訳ありませんが回答お願いします。 もう少し詳しい情報が必要でしたら、お答えします。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- (javascript)HTMLで指定した画像パスに画像ファイルがない
(javascript)HTMLで指定した画像パスに画像ファイルがない場合、別のファイル名の画像に差し替える方法が知りたいです。 以下のようにimgフォルダ内にある画像ファイル名をPHPでゲットしているのですが、その画像ファイルがない場合、確実にimgフォルダ内に存在する画像ファイルと差し替えたいのです。 print("<img src=img/". $item->getImage(). "border=0>\n"); <img src=img/cat.jpg border=0>が存在しないなら、<img src=img/dog.jpg border=0>を表示する。 javascript等、解決する方法がありますか? ご教授お願いします。 よろしくお願いします。<(_ _)>
- ベストアンサー
- JavaScript
- ダウンロードしたHTMLの画像が表示されない
HTMLファイルを一括ダウンロードしましたが、トップページからのリンクが 切れているのか、画像データがブラウザで表示せずに×印になっています。 表示する画像データのソースと表示しない画像データのソースを比較しても原因が解りません。 ソースは <img src="abc/abc.jpg" width="190" height="245" hspace="10" align="left"> などとなっており、必要なHTMLファイルはディレクトリごと 全てダウンロードソフトでHDD内に保存してあります。 img src="abc/abc.jpg"のパスをHDDの絶対パスに変更しても駄目でした。表示しないのはjpeg,gifどちらもです。 ブラウザの設定なのでしょうか? どうすれば良いでしょうか? 宜しくお願いします。
- ベストアンサー
- その他(ソフトウェア)
- 画像アップロードの際のHTMLファイルとの関係教えてください!
ホームページ上に画像を配置する際、FTPなどでアップロードし<img=src"画像名">で表示させると思うのですが、アップロードの際、画像とHTMLファイルを同じ場所に置くというのがいまいち解りません。 HTML文書をワードやメモで保存し同じpublic_htmlのファイルの下に置けばよいのでしょうか? HTMLファイルというのはどの形式?で作るものなのかわかりません、どなたか教えてください、よろしく御願いします。
- 締切済み
- ネットトラブル
- 画像をアップさせる時のHTMLソースの作り方。
こんにちは、ホームページを作ってるのですが、画像をうまく表示できなくて困っています。助言お願いします。画像をFFFTPで縮小してHPで、小さい画像をクリックして、もとの大きさの画像を表示させようと思います。FFFTPで作成されたソース<a href="../4.jpg"><img src="4.jpg" border="0"></a>と表示されましたこれを、TOP.HTMLに書き込んだのですが、小さい画像になってなく、うまく表示されません。 エクスプローラーのツリーは、次のようになってます。 ー[]myHP └[]img │ []Resized-4jpg この様になってます。これを、HTMLソースで表すには、どのようにパスを書いたらよろしいですか?教えてくださいよろしくお願いします。
- ベストアンサー
- HTML
- 画像が表示されません
お世話になっています。 ホームページビルダー9とFFFTPを使って、HPを作ろうとしています。 トップページはなんとかアップできたのですが、 下位ページで、画像がアップできずに困っています。 「HP」フォルダにhtmやhtmlファイルを保存しています。 「HP」フォルダの中に「img」フォルダを作成し画像を保存しています。 今回表示できないファイルはgifで、ビルダー9のロゴ作成から作ったtop.gifと言うgifと、無料の素材屋さんから頂いたkouji.jpgと言うjpgファイルです。 これらも「img」フォルダに保存されています。 FFFTPで転送する際には、「img」フォルダとそれぞれのファイルも転送しました。 jpgの方は、imgフォルダに保存してからビルダーに張り付けたので、名前が間違っていると言うことはないと思われます。 実際、双方ともローカルでは表示されています。 解決方法を教えていただきますようよろしくお願いします
- 締切済み
- ホームページ作成ソフト
- 画像が表示できません
ホームページをメモ帳にタグ打ちして作成しています。ホームページフォルダの中にトップページと「image」というフォルダを作り、その中に「hi.jpg」という画像を入れてあります。 その画像をトップページに表示させるのに<img src="image/hi.jpg">というタグを打ったのですが、画像が表示できず×マークになってしまいます。 他の文章やリンクはHTMLの本を見ながら、うまくいっているのですが、画像だけ四苦八苦しています。過去の質問を見てみるとタグの打ち間違い、余計なスペースが入ってしまっている、パスの間違いなどの原因があるようなので、それらに注意しながら見直しているのですがダメです。 何が間違っているのでしょうか? どなたか教えていただけますか?
- ベストアンサー
- その他(インターネット・Webサービス)
- jpg画像が表示されない
さくらインターネットの3GBの共有サーバを契約しました FFFTPというソフトでアップしましたがJPG画像が表示されません 独自ドメインで使用しています <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head><title>タイトル</title></head> <body><p><img src="title.jpg"></p> </body> </html> というHTMLファイルなのですがHPに ×マークででてしまいます title.jpgというファイルはindex.htmlと同じフォルダにアップしてます わかる方教えてください
- ベストアンサー
- レンタルサーバ・ASP
- 300あるHtmlの一部を一括で書き換えたいです
すべてのHTMLに<img src="ダミー.gif">と入っております こちらを一括でファイル名に置換したいのですが 良い手段を見つけることがなく困っています 例 : testhtml01.html <img src="ダミー.jpg"> → testhtml01.html <img src="testhtml01.jpg"> testhtml02.html <img src="ダミー.jpg"> → testhtml02.html <img src="testhtml02.jpg"> test.html <img src="ダミー.jpg"> → test.html <img src="test.jpg"> のように置き換えていきたいです 大変お手数をおかけいたします どうぞよろしくお願いいたします
- ベストアンサー
- HTML
お礼
レスポンス返すのが遅れて申し訳ありません。 丁寧な回答ありがとうございます。 最初から読んでやってみた所解決しました。 とても助かりました^^ ありがとうございます。