![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.5ベストアンサー
- 回答日時:
画像のプロパティの『場所』をコピーしたら画像が表示された、とのことですが、 <img src="C:\WINDOWS\テフォルダ\画像\free.gif"> という風になっていませんか?
ホームページは、ローカル(自分のパソコン)に作ったデータを、インターネットを通じて、公開された場所(サーバ)に移して(アップロード)作ります。
これは、ローカルの中でのみ有効な指定で、一般に言う『ホームページ』として公開するには、いろいろな約束事を守らなければなりません。
拡張子というのは、画像や文書、様々なデータの末尾につく、.gif .jpg .html .txt といった.とアルファベット3文字から4文字を組み合わせた記号のことです。
ディレクトリというのは、おおざっぱに言ってしまうと『フォルダ』のことです。
ホームページのデータは大きな箱の中に小さな箱を入れていくような方法で、ひとつのホームページを構成するのです。
例としては、『homepage』という大きなフォルダの中に、画像を入れる『img』フォルダ、今ブラウザの中に表示されているようなページのデータを入れる『contents』、などのフォルダを作ってしまっていきます。
これを一般に『 ディレクトリの構成 』と言います。
<img src="">といったことをご存じでしたらら、名前はおわかりでなくても、基本的な情報はご存じなのだと思います。
お手元のHTML入門と照らし合わせながらホームページの作り方を丁寧に説明なさっているサイトさんなをご覧になることをおすすめします。
一番最初にこのご質問にお答えになった方もあげておられたように、とほほのWWW入門などがおすすめです。
おそらく多くの方が初心者の頃にお世話になっている、有名サイト様です。
ホームページの作り方から公開の仕方までを、親切にわかりやすく解説なさっておいでです。
とほほのWWW入門
http://tohoho.wakusei.ne.jp/www.htm
どうぞ一度ご覧になってみてください。
こう言ったことはすでにご存じで、よけいなお世話だったら、ほんとにごめんなさい。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
全然余計なお世話ではありませんよ!
むしろ詳しい説明して下さって本当にありがとうございます!もう一度手元にあるホームページ作りの本をじっくり読み、紹介していただいたサイトに行ってみたいと思います。
No.4
- 回答日時:
画像をHPのサーバーにアップロードしてないから表示されないんじゃないでしょうか…?
それとも、画像の拡張子が違うとか…?
考えられる理由はいくつかあるんですけどね。
ちなみに、画像をリンクボタンにする場合のタグは
<A HREF="リンクさせたいURL"><IMG SRC="画像のURL"></A>
だったと思います。
HP作成ソフトを使うと簡単に出来ると思いますが。
画像のプロパティを開いて、場所って書いてあるのをコピーして<img src="">の""の中に貼り付けてみたとかろ、画像が出ました!
これでも、大丈夫なんでしょうか?
No.3
- 回答日時:
ディレクトリが違うのではないですか?
画像ファイルがhtmlファイルと同じ場所にあれば、「src img="./画像ファイル名"」で画像が表示できると思います。
違う場合はフォルダ名などを書かないと画像を参照することができません。
例えば、htmlファイルと同じ場所に"img"フォルダがあり、その中に表示したい画像ファイルがある場合は、
「src img="./img/画像ファイル名"」を書かないといけません。
また、"home"フォルダと同じところに画像ファイルがあり、"home"フォルダの中にhtmlファイルがある場合は、
「src img="../画像ファイル名"」と書きます。
"../"でひとつ下のフォルダに移るということが宣言できます。
説明が下手ですので、わからない場合はディレクトリの構成を教えて下さい!
この回答への補足
同じフォルダにしてなかったので、同じフォルダに保存しなおしてやってみたのですが、やっぱりダメでした…。何で~???って感じで頭がこんがらがっています。
ディレクトリとはなんでしょうか?
もう、本当にわかんなくてすみません!
No.2
- 回答日時:
×が出てくるということですが、画像を指定する方法に間違いがあると思われます。
今、サーバ(ホームページを公開するスペース)ではなく、ローカル(つまりあなたの使っているパソコン)でやっておられると思うのですが、その前提で説明します。まずホームページ用にHTMLのファイルを作って作業していると思うのですが、これをA.htmlとしますね。で、落としてきた画像ファイルをA.jpgとします。そして、HTMLのファイルと画像ファイルは同じフォルダに置いて下さい。で、最低限以下のように書けば画像は表示されるはずです。
<html>
<body>
<img src="A.jpg">
</body>
</html>
まず、これを試して下さい。これで駄目なようならHTMLの書き方以前の所で何らかの問題が発生しているかもしれません。
で、恐らくこれで表示されると思うので解決だと思うのですが、実際には画像ファイルは専用にフォルダを作って、そこに置いておくのが一般的です。例えば、HTMLファイルを置いているフォルダの下に「img」フォルダを作って、そこにA.jpgを置いていた場合は以下のように修正して下さい。
<html>
<body>
<img src="img/A.jpg">
</body>
</html>
これでどうでしょうか?おそらく×が出て駄目だったというのは画像のファイル名が違うか、フォルダの指定が間違っていたと思うので、これで解決すると思います。
もし分からない事があったら補足お願いします。
あ、ちなみにホームページをHTMLから作られているということなら便利なサイトがあるので紹介しておきます。参考にして下さい。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
No.1
- 回答日時:
まずは、ブラウザで画面を表示する設定になっているか、
確かめてください。
http://www.techno-aids.or.jp/taisdoc/config_pic. …
http://oshiete1.goo.ne.jp/kotaeru.php3?q=864526
あとは、画像URLのパスが間違っているとか、
名前を間違えているとか、
ちゃんとアップロードされていないとか・・・。
ここが参考になるでしょうか?
http://www.cj-c.com/faq/pass.htm
http://tohoho.wakusei.ne.jp/html/img.htm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
拡張子無しで画像を表示したいです
-
画像が表示されません
-
オンマウスで画像を変えたい。
-
ボタンを押したままにする。
-
クリッカブルMAP領域が分かる様...
-
<area></area> 部分にボーダー...
-
HTMLファイルの一部の画像だけ...
-
pngやjsの後ろの英数字の意味は...
-
IMGタグでTIFF画像を表示
-
画像サイズをHTMLタグやCSSで統...
-
画像が変わりません;教えて下...
-
Dreamweaver:マウスオーバーで...
-
画像の横に文章を表示する
-
画像をリンクすると枠がついて...
-
<A href= と<IMG srcの使い分け
-
ホームページビルダーで作成し...
-
altに長文テキスト
-
スマホで、画像をクリックする...
-
バナ―広告
-
ホームページ作成について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
期間ごとに画像表示を切り替え...
-
バナーの貼り方とバナーにリン...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
タイトルバーに画像を入れるHTM...
-
クリッカブルMAP領域が分かる様...
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
画像クリックでクリップボード...
-
HTMLにQRコードを挿入する方法
-
<A href= と<IMG srcの使い分け
-
カーソルを合わせると文字が出...
-
背景が透明なリンクボタンで、...
-
form以外でのpostってできますか?
-
HTML上の画像を結合する方法が...
-
複数のボタンで1つのエリアに...
-
リンクバナーのHTMLタグ。画像...
-
CSSなどでHTML全体の表示を拡大...
おすすめ情報