ＨＰ作成中なのですが・・・

質問

初心者でなにも分からないのですが、今、Windowsのメモ帳を使ってＨＰを作っています。本を見ながらＨＴＭＬ文書で頑張っているところです。　文章をＷｅｂブラウザ上に載せることは、できたのですが、自分がデジカメで撮影したものを挿入することができません。　画像の保存先が違っているのかもしれません。　どのようにしたらよいのでしょうか？　すみません。教えてください？

回答No.1

noname#199778 · ベストアンサー

<img src="画像ファイルの保存先へのパス" width="画像の表示幅" height="画像の表示高" alt="画像が表示されない時の代替テキスト">

以上のソースで画像の貼り付けができるはずです。
画像ファイルの保存先へのパスですが、その画像を取り込みたいHTMLファイルと同じフォルダに対象の画像があるのであれば、

<img src="画像のファイル名">

というソースでよいでしょう。
なお、画像のファイル名には、全角文字は使わないようにするのが無難です。

お礼

さっそくの回答ありがとうございます。
そうですね～。画像のファイルをＨＴＭＬのファイルにちゃんと保存できてなかったみたいです。
できました。
ほんとにありがとうございました。

回答No.6

noname#4706

こんにちは(^^ メモ帳でＨＰを作っている者です。

＞画像の保存先が違っているのかもしれません。

↑これ、気になりますね(笑)えと、そのgannba104さんが「ｗｅｂブラウザ上に表示することができた」ＨＴＭＬ文書が入っているのと同じフォルダ内に、その画像を入れてやらないと表示されないのです。・・・って「そんなことくらい知ってるよっ！」って感じの回答でしたらすいません。
ＨＰ作成、がんばってください。

お礼

ありがとうございます。
＞「そんなことぐらい知ってるよっ！」
それが、できていなかったみたいです。（^^；
ほんとに、どうなることやらですけど・・・
とにかく、頑張ってみます。
ほんとにありがとうございました。

回答No.5

yomo3

HTMLをタグ打ちで作ろうなんざ、初心者の風上にも置けませんな。（日本語的にヘン？）
「挿入することができない」といいますが、まずデジカメのデータはパソコン上にあるのですか？
ディレクトリの階層関係などがつかめるまでは、html本体と画像は同じディレクトリ（パソコン上ではフォルダ）においた方がいいです。
本を見ているのですから、画像の貼り込み方はわかっているんじゃないかと思います。前のみなさんがおっしゃっているとおり、<IMG>タグで貼り込まれます。
今の状態がよくわからないので、これ以上は具体的になりません。
はっきり言って、どこまでできています？
できれば、ソースを見せてください。

お礼

すみません。
どこまで、できるか分からないけど、頑張っているところです。　でも、一つずつでもできていくと、とても嬉しいものです。
ほんと初歩的な質問で申し訳ありません。
どうにか、解決しました。
ありがとうございました。

回答No.4

Mozisan

ご自分のパソコンで見るだけならば、
HTMLと同じフォルダ内に画像をコピーし、イメージタグ内にファイル名を入れてください。

コピーせずに表示させたい場合は、画像のフルパス(例えばC:\My Document\My Pictures\aaa.jpgなど)とすると表示できます。(このままWebにアップロードしても表示できません)

WebServerで公開するなら、
HTMLファイルを置くフォルダ内に例えば、 img といったフォルダを作り、その中に画像を保存し、イメージタグ内のファイル名は　img/aaa.jpg とします。HTMLをアップロードするとき、フォルダとフォルダ内の画像ファイルもいっしょにアップロードすれば、閲覧することができます。

お礼

いろいろな方法があるのですね～。
親切にありがとうございます。
ほんとに初歩的なことが違っていたみたいです。
すみません。
ありがとうござました。

回答No.3

haru-bon

こんばんは。

私の参考にしているサイトを載せておきますので
ご覧になってみて下さい。基本的な事からかなり
高度な事まで載っていて役立つと思います。
上手くできるといいですね。

ではでは。

参考URL：

http://tohoho.wakusei.ne.jp/www.htm

お礼

とても参考になるサイトですね～。
ほんと助かります。
頑張ってみます。
ありがとうございました。

回答No.2

noname#5545

挿入したい写真がＨＴＭＬファイルと同じフォルダにあるのならば、以下のタグで写真を挿入できます。

例として、写真ファイルをgazou.gifとします。

<IMG SRC="gazou.gif">

写真ファイルがＨＴＭＬファイルと異なるフォルダにある場合は、写真ファイルがあるフォルダを指定しなければなりません。

しかし、通常はＷＥＢサーバーにＷＥＢページを展開する時は、ＨＴＭＬファイルと写真ファイルは同一フォルダに置きますので、上記のタグ指定で写真を挿入出来ます。

今回のトラブルに関しては、先ずは、写真ファイルがＨＴＭＬファイルと同一フォルダにあるかを確認してみてください。

お礼

ありがとうございます。
ほんと初歩的なことができてなかったみたいです。
丁寧にありがとうございました。