- ベストアンサー
気にいった素材を貼りつけるには？
Windows９８のメモ帳でHP作成の練習をしています。 よく本に気に入ったホームページやフリー素材を保存しておいて 自分のHPに貼りつける事ができます、と書いてあるので 指示通りやってみるのですが タグ＜IMG＞云々のあとに 貼りつけてみても箱が出てくるだけで できません。 いったいどうしたらいいのでしょうか？Gifというのもわかりません。 基本的な質問ですみません。どうか教えてやってください．
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
たびたびどうも、Kumosukeです。 恥をしのんでやってきました。 はてさて、とりあえず参考URL先に飛んでみてもらえますか？ cariさんのHTMLに、こっちで適当に画像をつけて表示させてみました。 ちゃんと表示されているでしょうか？ 「回答に対するお礼」を見て、いくつか思ったんですけど…… まず、HTML内の記述が、ちゃんと締め切られていないんですよね。 具体的（参考URL先のHTMLです）にいうと…… <HTML> ←これに対する締め切り（1） <HEAD><TITLE>TikaのWEBサイト</TITLE></HEAD> <BODY BGCOLOR="#ccffcc"> ←これに対する締め切り（2） <HR SIZE=2> <H2><center><FONT COLOR="Blue">Welcome to Tika</FONT></center></H2> <H4><center>まだまだ知られていないとてもすばらしいインドネシアの工芸品。 <BR>みなさんに知っていただけたら幸せです。</center></H4> <HR SIZE=2> <!--これは練習です--!> <BIG>HTMLに挑戦</BIG> <IMG src="nyao.gif" hspace="10" alt="にゃお"> <IMG src="nyao2.gif" hspace="10 alt="にゃにゃお"> <IMG src="nyao3.gif" hspace="10 alt="にゃにゃにゃお"> <UL><CENTER> <BR><L1><FONT COLOR="Silver">Runa's Silver</L1> <BR><L2><FONT COLOR="Silver">Batik</L2> <BR><L3><FONT COLOR="Silver">Kerajinan Tangan</FONTCOLOR="Silver"></L3></CENTER> </UL> </body> ←（2） </html> ←（1） 上のように、（1）（2）がそれぞれないんですけど、cariさんの方はどうでしょう？ HTMLの常識なんですけど、上のようにちゃんと締め切らないといけない（「/」をいれる）ので、タグを書くときは注意してください。 あと、画像の保存がうまくいってないようですね。 参考URL先の画像を保存してみてください。 コンテキストメニュー（右クリック）の「画像に名前をつけて保存」でかまいませんから。 場所は……適当でいいんですけど、みやすいようにデスクトップにしておきましょうか。 そして、保存した画像をダブルクリックしてみて、ちゃんと表示されるか確認してください。 いかがでしょう？ ちゃんと表示されていますか？ とりあえず、タグで締め切っているかどうかの確認と、画像が表示されているかどうかの確認、結果を教えてくださいね。 ではでは。
その他の回答 (7)
- kumosuke
- ベストアンサー率45% (33/73)
あ…… これはこちらのミスですね。 失礼しました。 え～ <img src="taki.gif"> ですね。 本当にすいません、「=」を入れ忘れてましたm(_ _)m あとついでなんで、<BODY BGCOLOR="ccffcc">になってますけど。 <BODY BGCOLOR="#ccffcc">にしたほうがいいですよ。 本当に、すいませんでしたm(_ _)m
お礼
そんなとんでもない。 教えてくださって本当にありがとうございます。 まだ解決されてないけどがんばります。
- chocolats
- ベストアンサー率46% (23/49)
横からはいってしまって申し訳ないですが、気がついたのでお答えします 結論として<IMG>のタグの書き方が違います。 HTMLのファイルと同じフォルダにあるxxx.gifという画像を表示させる場合 <IMG SRC="xxx.gif"> と書きます。 もしそのフォルダの中に「image」というフォルダを作っていれる場合 <IMG SRC="image/xxx.gif"> ですね。 ＃IMG SRCは大文字でも小文字でもかまいません。 画像のファイル名などは実際のものと全く同じになるようにします。
補足
お返事くださり、ありがとうございます。 そのとおり書いているつもりなんですが・・・・ そもそも画像ファイルというか、よく書いてある 気に入ったフリー素材を 「画像に名前をつけて保存」 というやりかたのどこかに問題があるのでは？ 大体、保存したとたん、文字化けしたり（中身を見たらです） どにかくもう1度やってみます。
- kumosuke
- ベストアンサー率45% (33/73)
まいど、Kumosukeです。 sesameさんのおっしゃる通り、ここにHTMLを貼り付けてもらえると、早いんですけどね＾＾； まあ、そうもいかないでしょうから…… とりあえず、確認してみてください。 ●ファイルへのパス名が正しいかどうか。 HTMLと同一フォルダ内にあるのであれば、相対パスでかまわないので、前述した<img src"****.gif">でできるはずなんです。 「箱になって出てしまう」という表現がいまいちよくわからないんですけど…… 変なちっこいマーク(画像の読み込み失敗のマーク)がその箱の左上にあるんですよね？ それが表示される以上、タグは間違っていないので、問題はファイル名にあるはずです。 もしかして……その画像ファイル、拡張子がGIFではなくGPEG(JPG)とかPNGだったりしませんよね？ 拡張子があっているのなら、ファイル名です。 アドバイスとしては、ファイル名にスペースや全角文字を入れるのやめてやり直してみてください。 それと、ファイル名に大文字を使っているのなら、その辺もしっかりしないとダメですよ。 例： ファイル名 → KumoSuke.gif パス名 → KumoSuke.gif = ○ ファイル名 → KumoSuke.gif パス名 → kumosuke.gif = × ●記述はすべて半角英語で行われているかどうか。 具体例でいくと、"ｋ"と"k"の違いです。 この微妙な差がわかってもらえるでしょうか（笑） あるいは、"Ｏ"と"O"でもいいですけど。 これらをもう一度確認してみてください。 余談。 ＞ でも同じフォルダでも絵は2種類あって ネットスケープの絵と ＞ もう一つは白い箱に何かがついてるような絵です。 ってのは、「白い箱に何かがついてる」ってのは、フォルダのアイコン（見ようによってはそう見えますからね）のことだと予想できるんですけど。 ネットスケープの絵って、HTMLファイル（ or ショートカット）のことじゃ……？ もう一度、拡張子をはっきり確認したほうがいいと思いますよ。 やり方は、フォルダだったらなんでもいいんで、とりあえず開きます。 んで、[ツール]メニューの[フォルダオプション]から、{表示}タグの中の「登録されているファイルの拡張子は表示しない」のチェックを外して、「すべてのファイルを表示する」にチェック。 これで、拡張子を見ることができるはずです。
補足
本当にありがとうございます！ というわけで貼りつけてみました。ああ、なんでできないんだろう？？？？ 拡張子を表示しないをはずして、すべてのファイルを表示する、には してみたのですが。とにかくできるまでがんばります。このままだと 夢に出てきそうです。よろしくお願いします。 <HTML> <HEAD><TITLE>TikaのWEBサイト</TITLE></HEAD> <BODY BGCOLOR="ccffcc"> <HR SIZE=2> <H2><center><FONT COLOR="Blue">Welcome to Tika</FONT></center></H2> <H4><center>まだまだ知られていないとてもすばらしいインドネシアの工芸品。 <BR>みなさんに知っていただけたら幸せです。</center></H4> <HR SIZE=2> <!--これは練習です--!> <BIG>HTMLに挑戦</BIG> <IMG src"taki.gif"> <UL><CENTER> <BR><L1><FONT COLOR="Silver">Runa's Silver</L1> <BR><L2><FONT COLOR="Silver">Batik</L2> <BR><L3><FONT COLOR="Silver">Kerajinan Tangan</FONT COLOR="Silver"></L3></CENTER> </UL>
- sesame
- ベストアンサー率49% (1127/2292)
いっぺん、画像ファイルを表示させようとしているHTMLファイルの内容すべてを、 ここに貼り付けてみてください。 <HTML> <HEAD><TITLE>Test</TITLE></HEAD> <BODY> <IMG src="sample.gif"> </BODY></HTML> という感じで。きっと解決の糸口が見つかると思いますよ。 >>でも同じフォルダでも絵は2種類あって ネットスケープの絵と >>もう一つは白い箱に何かがついてるような絵です。 そのネットスケープと白い箱…というのはアイコンの表示ですか？ 画像の内容そのものはちゃんと表示されますか？ それから、その2種類の拡張子はそれぞれ何と何になってますでしょうか？
お礼
本当にありがとうございます！拡張子というのは htm と書いてあります。 もう一つのは中身をみると文字化けするので 捨ててしまいました。 本当になんでできないんだろう、情けなくなります。でもこうなったら できるまでがんばります！貼りつけてみましたので見てやってください。 よろしくお願いします。 <HTML> <HEAD><TITLE>TikaのWEBサイト</TITLE></HEAD> <BODY BGCOLOR="ccffcc"> <HR SIZE=2> <H2><center><FONT COLOR="Blue">Welcome to Tika</FONT></center></H2> <H4><center>まだまだ知られていないとてもすばらしいインドネシアの工芸品。 <BR>みなさんに知っていただけたら幸せです。</center></H4> <HR SIZE=2> <!--これは練習です--!> <BIG>HTMLに挑戦</BIG> <IMG src"taki.gif"> <UL><CENTER> <BR><L1><FONT COLOR="Silver">Runa's Silver</L1> <BR><L2><FONT COLOR="Silver">Batik</L2> <BR><L3><FONT COLOR="Silver">Kerajinan Tangan</FONT COLOR="Silver"></L3></CENTER> </UL>
- kumosuke
- ベストアンサー率45% (33/73)
横槍ですいません。 ちょいと気になったもので。 えっと、cariさん。 <img src"****.gif">という感じにしてますか？ ＜IMG.src=" gif"> ← これ間違ってますよ。 ドットと半角スペースの位置が…… あと気になったのは、 「どうも画像ファイルがHTMLファイルと同じフォルダにあるかどうかというところでつまずいているようなのですが」 え～＾＾； 'ホームページ'というフォルダ(とりあえず名前変えなくてもいいです)でいいんで開いてみて、そこに指定したい画像ファイルはありますか？ たとえば、'ホームページ'というフォルダの中にさらに'image'とか名前をつけたフォルダがあるのだったら、 <img src"image/****.gif"> にしないと表示されませんよ。 同一フォルダ内にあるのであれば、相対パスで表示されるはずです。 絶対パスで記述してるのでしたら、相対パスに変えてみては？
お礼
ありがとうございます。悲しいことにアドバイスどおりやってみたのですが まだ箱のままです。同じフォルダに入っているのですが。 でも同じフォルダでも絵は2種類あって ネットスケープの絵と もう一つは白い箱に何かがついてるような絵です。 なんとか四苦八苦してみたんですが。 あほな質問者でごめんなさい。
- sesame
- ベストアンサー率49% (1127/2292)
>>保存するときに問題があるのでしょうか？画像に名前をつけて保存と >>いうのでやってホームページというフォルダにいれているのですが。 「ホームページ」という全角日本語名のフォルダなのが原因なのかな？ 普通は大丈夫なはずなんですが、念のため、 C:\homepage\ のような半角英数だけのフォルダをルートに作って、そこに画像ファイルとhtmlを置いてみてください。 メモ帳のファイラより、エクスプローラを使った方がわかりやすくて確実です。 >>＜IMG.src=" gif"> と書いても箱になってでてきてしまいます。 ↑この記号も全角(＜)じゃなく半角(<)が正しいですけど、そこは大丈夫ですか？ 「箱になって出てくる」ということは、HTMLの記述自体は合ってるということなので、あと一息のはずです。 自信をもってがんばってください！
お礼
ありがとうございます。悲しいことにアドバイスどおりやってみたのですが まだ箱のままです。同じフォルダに入っているのですが。 でも同じフォルダでも絵は2種類あって ネットスケープの絵と もう一つは白い箱に何かがついてるような絵です。 なんとか四苦八苦してみたんですが。 あほな質問者でごめんなさい。励ましてくださってありがとうございます。
- sesame
- ベストアンサー率49% (1127/2292)
<IMG src="xxxx.gif"width="100" height="100" alt="画像の説明"> ↑という書き方でふつううまくいくと思いますが、どうでしょうか？ 練習するだけなら <IMG src="xxxx.gif"> だけでもO.K.です。(他の項目はインターネットに公開する際にはあった方が良い) 気をつけなければならないのは、 ・記号も含め、すべて半角英数文字になっているか(全角文字が混じっていないか) ・画像ファイルの名前は合っているか(大文字/小文字も合っている必要があります) ・画像ファイルはHTMLファイルと同じフォルダにあるか。 無ければその場所の指定を間違えずにやっているか。 等をチェックしてみてください。 Gifというのはwwwで表示できる画像形式の一種で、16色や256色等の色数の少ない画像に向いた形式です。 透明色を抜いたり、簡易なアニメーションを作ったりすることもできます。
お礼
ありがとうございます。そこでやってみたのですが まだできません。どうも画像ファイルがHTMLファイルと同じフォルダに あるかどうかというところでつまずいているようなのですが・・・・・ メモ帳の同じフォルダに入れたつもり（メモ帳のホームページというフォルダを 開けるとはいっています）なのですが、＜IMG.src=" gif"> と書いても箱になってでてきてしまいます。ひょっとして 保存するときに問題があるのでしょうか？画像に名前をつけて保存と いうのでやってホームページというフォルダにいれているのですが。 できの悪い質問者ですみません。
お礼
あーっやっとできました。本当にバカな私をお許しください。 そうちゃんと書いていたつもりで 抜けていたんですね。ほんとうにほんとうにありがとうございました！！！