プロが教える店舗&オフィスのセキュリティ対策術

HTMLの画像ファイルにリンクを貼る方法?
「メモ帳」にHTMLのタグを打ち込みIEに表示できるか試しています。画像がうまく出ません。
<image scr=”富士山.jpg”>と入力しました。
画像ファイルはマイドキュメントのマイピクチャーにある「富士山.jpg」です。X印が出て画面が出ません。他の太字/斜体文字/アンダーラインはOKです。ホームページのマニュアルにある「イメージファイルも同じ場所に置く・・」の意味がわかりません。何か一工夫必要なようです。どなたか教えて下さい。以上


>ホームページ「超初心者のためのホームページ作成講座」より
ホームページは、いくつかのページを同じ場所(サイト)に置いています。イメージファイルも同じ場所に置いておきます。もし、イメージファイルをサーバに転送していないと、せっかくタグを使ってリンクを張っても表示されません。イメージファイルの名前を間違って記述した場合も、「サーバの中にはそんなファイルないよっ!」ということで、エラーになってしまいます。

A 回答 (5件)

□ フォルダをつくります。


  HTMLをつくります。内容を記述します。
  ここまでは出来ているようですね。

それでは、マイピクチャにある画像をコピーして、
そのフォルダ内に貼り付けてください。
次にその画像を「富士山」では無く、fuji に変更↓
画像を右クリックで名前の変更(富士山は単なる例なのかな?)
HTMLの <image scr=”富士山.jpg”> を
半角で <img src="fuji.jpg"> とします。

□ フォルダ内
|----  ○○.html
|----  fuji.jpg

フォルダ内は、上記の様に○○.htmlとfuji.jpgが同居する事になります。
それでは、○○.htmlを表示して F5 も押して下さい。

本来は、
<img src="fuji.jpg" width="幅" height="高さ" alt="富士山の写真">
のような属性も記述した方が良いでしょう。

この回答への補足

 ご回答有難うございます。HTMLを学ぶ格好の材料となりました。もう少し質問を続けさせてください。
マニュアルにはフォルダの作成の記述は無く、メモ帳で作ったHTML言語を、保存時に「ファイル名をHTMLの拡張子にする」ことから始まりました。御説明により少しづつ判りかけてきました。
質問1:フォルダの中は「メモ帳で作ったHTML言語のファイル」は1つだけ可能ですか?それに「画像ファイルのJPGのファイル」の2種類でしょうか?別のメモ帳で「HTML言語のファイル」をもう一種類作って「HTMLの拡張子のファイル」が2つと「JPGの拡張子のファイル」で3種類では駄目ですね?試しましたが上手く行きませんでした。
質問2:拡張子.htmlで保存すると修正するときに出来ないので、用心の為、テキストファイルで別に保存しておく必要がありますか?それともIE上から修正可能ですか?
質問3:属性altとは、画像に関連する言語であればいいのですか? "富士山の写真”"富士山”などのファイル名の一部とか?
  以上よろしくお願いいたします。新規質問のほうが良かったでしょうか? 以上

補足日時:2010/11/01 16:47
    • good
    • 0
この回答へのお礼

有難うございました。参考になりました。

お礼日時:2010/11/03 08:57

NO.4の回答者です。

 補足拝見済み。
-------------------
とりあえず、当初の目的だった画像は表示出来たのでしょうか?
-------------------
NO.4 補足への回答:

質問1:回答1
>マニュアルにはフォルダの作成の記述は無く、
う~ん・・・ それを言うなら
「パソコンを買いましょう。電源を入れましょう」から説明しなければ・・・
フォルダを作らなくても
最低限パソコンの何処かのフォルダの中に入れる訳ですから、
わかりやすいように、任意の名前でウェブサイト専用のフォルダを作るだけ。 
それ他、何が出来ないのか分かりませんが、
その入れ物、つまりフォルダが「サイト」「ルート」「ディレクトリ」になるから、
サブページも含め複数入れる事が出来る。(当然名前は各々)
---------
ご自分の質問内容またはマニュアルを再読しましょう。
---------
>>ホームページ「超初心者のためのホームページ作成講座」より
>ホームページは、いくつかのページを同じ場所(サイト)に置いています。イメージファイルも同じ場所に置いておきます。
---------
「いくつかのページ」としっかり書いてありますよ。複数ファイルが置けるって事です。

もう少しツッコムと、サイトが大きくなると、
ファイルや画像がかなり多くなるので、
そのフォルダ(サイト・ルートディレクトリ)内に、
更にフォルダ(ディレクトリ)を作って整理すると管理がしやすい。
その替わり、画像のパスはディレクトリを指定しないと画像が表示されない。


質問2:回答2
別途テキスト保存は不要。
「右クリック」から「プログラムで開く」「メモ帳」 あとは修正して保存。
ブラウザから直で編集する方法もある。


質問3:回答3
altとは、代替テキスト(画像が表示されない時にテキストで説明)なので、
その画像の説明を簡潔に記せば良いでしょう。
「富士山」でも「富士山の写真」「雪景色の富士山」「mt.fuji」でも良いでしょう。


>新規質問のほうが良かったでしょうか?
数日経過した質問は誰も見ないでしょうし、
追加の質問は、方向性がブレる傾向かな・・・
新規質問の方が新規で最上部に目立って表示されるので、多くの有識者や誰かが回答してくれる確率が高いでしょう。
ただ、わからない事など、まずは一度「検索」で調べてみましょう。
その結果、
ここまでは理解できるが、ここからが理解できないとか質問した方が回答者も回答し易いでしょう。
    • good
    • 0
この回答へのお礼

 この度は大変お世話になりました。御説明を頼りに試みた結果、画像の表示はうまく行きました。有難うございました。御報告が前後して申し訳ありません。何しろPCにはいつまでも初心者で、回答者の皆様には大変御迷惑をおかけしています。理解できないところは、再度の挑戦をさせてください。今後ともよろしくお願いもうしあげます。まずは御礼まで。

お礼日時:2010/11/02 10:18

その書き方なら、そのhtmlファイルを置いてあるのと同じフォルダに画像のファイルを保存してください。

この回答への補足

ご回答有難うございました。すみません。よく理解できないので、私が試したことをお知らせします。間違いを教えて下さい。
メモ帳に次の練習問題を打ち込みました。
涙は心の<b>汗</b>だ!
涙は女の<i>武器</i>よ。
涙はもう<u>枯れはてたよ。</u>
<img src="富士山.jpg">

上3つの太字/斜体字/アンダーラインは希望どうり表示されましたが、画像だけは表示されません。
「メモ帳で作成したHTMLファイルと同じフォルダに画像ファイルを置きましょう。」の意味は
<img src="富士山.jpg">のことでしょうか?img src="富士山.jpg">を記載することが画像ファイルを置くことでしょうか?画像ファイルの保存方法を教えて下さい。画像はマイピクチャーにあります。超初心者です。御指導をよろしくお願いいたします。 以上

補足日時:2010/10/31 17:51
    • good
    • 0
この回答へのお礼

有難うございました。参考になりました。

お礼日時:2010/11/03 08:58

例えば、フォルダ1というのがあり、そこに作成したindex.htmlなど、「.html」のものが全てはいっているとします。


画像を表示させるには、その画像を同じフォルダにコピーするかそのまま移動するかしなければいけません。
要するに、index.htmlと画像が一緒のフォルダに入っていなければ表示はできません。
そしてタグは、<img src="富士山.jpg">となります。

index.htmlがサーバにアップロードされてないとサイトすらも表示されないように、画像も同じようにアップロードしないと表示されません。

この回答への補足

ご回答有難うございました。すみません。よく理解できないので、私が試したことをお知らせします。間違いを教えて下さい。
メモ帳に次の練習問題を打ち込みました。
涙は心の<b>汗</b>だ!
涙は女の<i>武器</i>よ。
涙はもう<u>枯れはてたよ。</u>
<img src="富士山.jpg">

上3つの太字/斜体字/アンダーラインは希望どうり表示されましたが、画像だけは表示されません。
「メモ帳で作成したHTMLファイルと同じフォルダに画像ファイルを置きましょう。」の意味は
<img src="富士山.jpg">のことでしょうか?img src="富士山.jpg">を記載することが画像ファイルを置くことでしょうか?画像はマイピクチャーにあります。超初心者です。御指導をよろしくお願いいたします。 以上

補足日時:2010/10/31 17:50
    • good
    • 0
この回答へのお礼

有難うございました。参考になりました。

お礼日時:2010/11/03 08:56

> ホームページのマニュアルにある「イメージファイルも同じ場所に置く・・」の意味がわかりません。



そのままです。
メモ帳で作成したHTMLファイルと同じフォルダに画像ファイルを置きましょう。
同じフォルダに無いときは、どこにファイルがあるのかを示してあげなければいけません。

この回答への補足

ご回答有難うございました。すみません。よく理解できないので、私が試したことをお知らせします。間違いを教えて下さい。
メモ帳に次の練習問題を打ち込みました。
涙は心の<b>汗</b>だ!
涙は女の<i>武器</i>よ。
涙はもう<u>枯れはてたよ。</u>
<img src="富士山.jpg">

上3つの太字/斜体字/アンダーラインは希望どうり表示されましたが、画像だけは表示されません。
「メモ帳で作成したHTMLファイルと同じフォルダに画像ファイルを置きましょう。」の意味は
<img src="富士山.jpg">のことでしょうか?img src="富士山.jpg">を記載することが画像ファイルを置くことでしょうか?画像はマイピクチャーにあります。超初心者です。御指導をよろしくお願いいたします。 以上

補足日時:2010/10/31 17:49
    • good
    • 0
この回答へのお礼

有難うございました。参考になりました。

お礼日時:2010/11/03 08:56

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!