ホームページ作成について

Question

最近ホームページを作り始めたのですが、「enter」のボタンを初めのページに貼り付けようと、

<img src="">

というので、フリー素材サイトから保存した画像(enterボタン)を貼り付けようと思ったのですが、画像が出てきませんでした。どの画像をやってもバツがでてきます。なぜなんでしょうか？

ホームページ作りは全くの初心者なのでどうすればよいかわからず困っています。
説明がわかりにくいかも知れませんが、よろしくお願いします

noname#9047 · Accepted Answer

画像のプロパティの『場所』をコピーしたら画像が表示された、とのことですが、

という風になっていませんか？ホームページは、ローカル（自分のパソコン）に作ったデータを、インターネットを通じて、公開された場所（サーバ）に移して（アップロード）作ります。これは、ローカルの中でのみ有効な指定で、一般に言う『ホームページ』として公開するには、いろいろな約束事を守らなければなりません。拡張子というのは、画像や文書、様々なデータの末尾につく、.gif .jpg .html .txt　といった.とアルファベット3文字から4文字を組み合わせた記号のことです。ディレクトリというのは、おおざっぱに言ってしまうと『フォルダ』のことです。ホームページのデータは大きな箱の中に小さな箱を入れていくような方法で、ひとつのホームページを構成するのです。例としては、『homepage』という大きなフォルダの中に、画像を入れる『img』フォルダ、今ブラウザの中に表示されているようなページのデータを入れる『contents』、などのフォルダを作ってしまっていきます。これを一般に『ディレクトリの構成』と言います。といったことをご存じでしたらら、名前はおわかりでなくても、基本的な情報はご存じなのだと思います。お手元のHTML入門と照らし合わせながらホームページの作り方を丁寧に説明なさっているサイトさんなをご覧になることをおすすめします。一番最初にこのご質問にお答えになった方もあげておられたように、とほほのWWW入門などがおすすめです。おそらく多くの方が初心者の頃にお世話になっている、有名サイト様です。ホームページの作り方から公開の仕方までを、親切にわかりやすく解説なさっておいでです。とほほのWWW入門 http://tohoho.wakusei.ne.jp/www.htm どうぞ一度ご覧になってみてください。こう言ったことはすでにご存じで、よけいなお世話だったら、ほんとにごめんなさい。参考URL：http://tohoho.wakusei.ne.jp/www.htm

nonnochan · Answer

画像をHPのサーバーにアップロードしてないから表示されないんじゃないでしょうか…？

それとも、画像の拡張子が違うとか…？
考えられる理由はいくつかあるんですけどね。
ちなみに、画像をリンクボタンにする場合のタグは
<A HREF="リンクさせたいURL"><IMG SRC="画像のURL"></A>
だったと思います。

HP作成ソフトを使うと簡単に出来ると思いますが。

だったと思います。 HP作成ソフトを使うと簡単に出来ると思いますが。

okkomu · Answer

ディレクトリが違うのではないですか？
画像ファイルがhtmlファイルと同じ場所にあれば、「src img="./画像ファイル名"」で画像が表示できると思います。

違う場合はフォルダ名などを書かないと画像を参照することができません。
例えば、htmlファイルと同じ場所に"img"フォルダがあり、その中に表示したい画像ファイルがある場合は、
「src img="./img/画像ファイル名"」を書かないといけません。

また、"home"フォルダと同じところに画像ファイルがあり、"home"フォルダの中にhtmlファイルがある場合は、
「src img="../画像ファイル名"」と書きます。
"../"でひとつ下のフォルダに移るということが宣言できます。

説明が下手ですので、わからない場合はディレクトリの構成を教えて下さい！

ryotanpapa · Answer

×が出てくるということですが、画像を指定する方法に間違いがあると思われます。今、サーバ（ホームページを公開するスペース）ではなく、ローカル（つまりあなたの使っているパソコン）でやっておられると思うのですが、その前提で説明します。まずホームページ用にHTMLのファイルを作って作業していると思うのですが、これをA.htmlとしますね。で、落としてきた画像ファイルをA.jpgとします。そして、HTMLのファイルと画像ファイルは同じフォルダに置いて下さい。で、最低限以下のように書けば画像は表示されるはずです。

まず、これを試して下さい。これで駄目なようならHTMLの書き方以前の所で何らかの問題が発生しているかもしれません。で、恐らくこれで表示されると思うので解決だと思うのですが、実際には画像ファイルは専用にフォルダを作って、そこに置いておくのが一般的です。例えば、HTMLファイルを置いているフォルダの下に「img」フォルダを作って、そこにA.jpgを置いていた場合は以下のように修正して下さい。

これでどうでしょうか？おそらく×が出て駄目だったというのは画像のファイル名が違うか、フォルダの指定が間違っていたと思うので、これで解決すると思います。もし分からない事があったら補足お願いします。あ、ちなみにホームページをHTMLから作られているということなら便利なサイトがあるので紹介しておきます。参考にして下さい。参考URL：http://tohoho.wakusei.ne.jp/www.htm

manayu · Answer

まずは、ブラウザで画面を表示する設定になっているか、
確かめてください。

http://www.techno-aids.or.jp/taisdoc/config_pic.shtml

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

ホームページ作成について

画像のプロパティの『場所』をコピーしたら画像が表示された、とのことですが、 <img src="C:\WINDOWS\テフォルダ\画像\free.gif"> という風になっていませんか？

画像をHPのサーバーにアップロードしてないから表示されないんじゃないでしょうか…？

この回答への補足

ディレクトリが違うのではないですか？

この回答への補足

×が出てくるということですが、画像を指定する方法に間違いがあると思われます。

まずは、ブラウザで画面を表示する設定になっているか、

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

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

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