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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリッカブルMAP領域が分かる様...
-
HTML上の画像を結合する方法が...
-
テーブルタグの余白
-
画像リンクの上に文字リンクを...
-
背景が透明なリンクボタンで、...
-
画像の周りに色がつく
-
期間ごとに画像表示を切り替え...
-
画像のマウスオーバーの際のズ...
-
<a>リンクが飛ばない・・ パソ...
-
画像リンクをマウスオーバーで...
-
画像の横に文字を表示させたい。
-
バナーについて(初心者です)
-
<img>タグのalt属性
-
フォルダ内の画像をウェブでラ...
-
バナーの表示法、リンクの張り...
-
右クリック禁止が効かないのですが
-
リンクの作成
-
タイトルロゴの貼り方
-
リンクバナーの貼り付け方
-
画像のアドレスについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
背景が透明なリンクボタンで、...
-
画像クリックでクリップボード...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
期間ごとに画像表示を切り替え...
-
スライドショーの上にロゴマー...
-
アルバムをめくるように、画像...
-
複数のボタンで1つのエリアに...
-
HTML上の画像を結合する方法が...
-
「DecareステートメントにPtrSa...
-
<A href= と<IMG srcの使い分け
-
CSSを使わずにマウスオーバーで...
おすすめ情報