HTMLの画像ファイルにリンクを貼る方法?
「メモ帳」にHTMLのタグを打ち込みIEに表示できるか試しています。画像がうまく出ません。
<image scr=”富士山.jpg”>と入力しました。
画像ファイルはマイドキュメントのマイピクチャーにある「富士山.jpg」です。X印が出て画面が出ません。他の太字/斜体文字/アンダーラインはOKです。ホームページのマニュアルにある「イメージファイルも同じ場所に置く・・」の意味がわかりません。何か一工夫必要なようです。どなたか教えて下さい。以上
>ホームページ「超初心者のためのホームページ作成講座」より
ホームページは、いくつかのページを同じ場所(サイト)に置いています。イメージファイルも同じ場所に置いておきます。もし、イメージファイルをサーバに転送していないと、せっかくタグを使ってリンクを張っても表示されません。イメージファイルの名前を間違って記述した場合も、「サーバの中にはそんなファイルないよっ!」ということで、エラーになってしまいます。
No.4ベストアンサー
- 回答日時:
□ フォルダをつくります。
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とは、画像に関連する言語であればいいのですか? "富士山の写真”"富士山”などのファイル名の一部とか?
以上よろしくお願いいたします。新規質問のほうが良かったでしょうか? 以上
No.5
- 回答日時:
NO.4の回答者です。
補足拝見済み。-------------------
とりあえず、当初の目的だった画像は表示出来たのでしょうか?
-------------------
NO.4 補足への回答:
質問1:回答1
>マニュアルにはフォルダの作成の記述は無く、
う~ん・・・ それを言うなら
「パソコンを買いましょう。電源を入れましょう」から説明しなければ・・・
フォルダを作らなくても
最低限パソコンの何処かのフォルダの中に入れる訳ですから、
わかりやすいように、任意の名前でウェブサイト専用のフォルダを作るだけ。
それ他、何が出来ないのか分かりませんが、
その入れ物、つまりフォルダが「サイト」「ルート」「ディレクトリ」になるから、
サブページも含め複数入れる事が出来る。(当然名前は各々)
---------
ご自分の質問内容またはマニュアルを再読しましょう。
---------
>>ホームページ「超初心者のためのホームページ作成講座」より
>ホームページは、いくつかのページを同じ場所(サイト)に置いています。イメージファイルも同じ場所に置いておきます。
---------
「いくつかのページ」としっかり書いてありますよ。複数ファイルが置けるって事です。
もう少しツッコムと、サイトが大きくなると、
ファイルや画像がかなり多くなるので、
そのフォルダ(サイト・ルートディレクトリ)内に、
更にフォルダ(ディレクトリ)を作って整理すると管理がしやすい。
その替わり、画像のパスはディレクトリを指定しないと画像が表示されない。
質問2:回答2
別途テキスト保存は不要。
「右クリック」から「プログラムで開く」「メモ帳」 あとは修正して保存。
ブラウザから直で編集する方法もある。
質問3:回答3
altとは、代替テキスト(画像が表示されない時にテキストで説明)なので、
その画像の説明を簡潔に記せば良いでしょう。
「富士山」でも「富士山の写真」「雪景色の富士山」「mt.fuji」でも良いでしょう。
>新規質問のほうが良かったでしょうか?
数日経過した質問は誰も見ないでしょうし、
追加の質問は、方向性がブレる傾向かな・・・
新規質問の方が新規で最上部に目立って表示されるので、多くの有識者や誰かが回答してくれる確率が高いでしょう。
ただ、わからない事など、まずは一度「検索」で調べてみましょう。
その結果、
ここまでは理解できるが、ここからが理解できないとか質問した方が回答者も回答し易いでしょう。
この度は大変お世話になりました。御説明を頼りに試みた結果、画像の表示はうまく行きました。有難うございました。御報告が前後して申し訳ありません。何しろPCにはいつまでも初心者で、回答者の皆様には大変御迷惑をおかけしています。理解できないところは、再度の挑戦をさせてください。今後ともよろしくお願いもうしあげます。まずは御礼まで。
No.3
- 回答日時:
その書き方なら、そのhtmlファイルを置いてあるのと同じフォルダに画像のファイルを保存してください。
この回答への補足
ご回答有難うございました。すみません。よく理解できないので、私が試したことをお知らせします。間違いを教えて下さい。
メモ帳に次の練習問題を打ち込みました。
涙は心の<b>汗</b>だ!
涙は女の<i>武器</i>よ。
涙はもう<u>枯れはてたよ。</u>
<img src="富士山.jpg">
上3つの太字/斜体字/アンダーラインは希望どうり表示されましたが、画像だけは表示されません。
「メモ帳で作成したHTMLファイルと同じフォルダに画像ファイルを置きましょう。」の意味は
<img src="富士山.jpg">のことでしょうか?img src="富士山.jpg">を記載することが画像ファイルを置くことでしょうか?画像ファイルの保存方法を教えて下さい。画像はマイピクチャーにあります。超初心者です。御指導をよろしくお願いいたします。 以上
No.2
- 回答日時:
例えば、フォルダ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">を記載することが画像ファイルを置くことでしょうか?画像はマイピクチャーにあります。超初心者です。御指導をよろしくお願いいたします。 以上
No.1
- 回答日時:
> ホームページのマニュアルにある「イメージファイルも同じ場所に置く・・」の意味がわかりません。
そのままです。
メモ帳で作成したHTMLファイルと同じフォルダに画像ファイルを置きましょう。
同じフォルダに無いときは、どこにファイルがあるのかを示してあげなければいけません。
この回答への補足
ご回答有難うございました。すみません。よく理解できないので、私が試したことをお知らせします。間違いを教えて下さい。
メモ帳に次の練習問題を打ち込みました。
涙は心の<b>汗</b>だ!
涙は女の<i>武器</i>よ。
涙はもう<u>枯れはてたよ。</u>
<img src="富士山.jpg">
上3つの太字/斜体字/アンダーラインは希望どうり表示されましたが、画像だけは表示されません。
「メモ帳で作成したHTMLファイルと同じフォルダに画像ファイルを置きましょう。」の意味は
<img src="富士山.jpg">のことでしょうか?img src="富士山.jpg">を記載することが画像ファイルを置くことでしょうか?画像はマイピクチャーにあります。超初心者です。御指導をよろしくお願いいたします。 以上
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
L字みたいな記号の表示
-
スキャナで取り込んだ画像の種...
-
画像と画像の間のスペースはど...
-
作製したHPで画像が表示されない
-
gooブログです。
-
gooブログについて ブログ作成...
-
画像
-
画像からブログをたどる
-
なぜ、ホームページが削除され...
-
iPhoneで HTMLファイルを閲覧
-
ピクチャーボックスの大きさに...
-
テーブルセル余白(例えば左側...
-
グーグルフォトの写真をgooブロ...
-
一行は何ピクセル?
-
pop upウィンドウを画像サイズ...
-
WordPressに関しまして。#ハッ...
-
ASP.NETで画像の高さと幅を取得
-
ExcelVBAで挿入画像の縦横サイ...
-
1KB-10KBかつ長辺が10000pix以...
-
写真がアップロードできません...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
L字みたいな記号の表示
-
なぜ、ホームページが削除され...
-
ブログの画像を復元したい
-
画像と画像の間のスペースはど...
-
画像の横に文章を流すには?
-
画像
-
デジカメで撮った写真をURLに変...
-
画像にコピーライト表記を貼り...
-
WEB拍手の画像設置
-
gooブログのバーナーの貼り付け...
-
fc2 画像と文字の間をあける方法
-
画像URLの貼り付けができない。
-
gooブログです。
-
ブログに画像を出したいのです...
-
どこの国の文字でしょうか?
-
HTMLエデイター利用しての...
-
画像認識と掲示板について♪
-
作製したHPで画像が表示されない
-
ブログ(goo)に写真を載せ...
-
1ページの複数の記事のうち、最...
おすすめ情報