- ベストアンサー
タグでの画像挿入の方法
ホームページビルダーでHPを作って、レンタル日記を借りてます。 日記には１枚画像が入れられるようになっていて、２枚以上はタグで貼り付けてください、と書いてありました。 そこで、デジカメで撮った写真をパソコンに読み込んで、HPに転送しました。 日記の文中に書かれてあったとおりに <img src="自分のHPアドレス/画像のNO（ちゃんと半角にしてます）.jpg">と入力しても、×印になってしまいます。 FTPツールの起動もしたし、サイトのページ転送もしました。１枚入れられる画像が５０ｋｂまで、とあったので写真は５０ｋｂ以下にしています。 タグもちゃんと何回も確認してるので入力ミスはないと思います。 何がいけないのでしょうか？？ よろしくお願いいたします。
- rikuriku
- お礼率96% (159/164)
- レンタルサーバ・ASP
- 回答数8
- ありがとう数12
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
さっきのやつで、大文字でした。 試してみてください
その他の回答 (7)
- garutikun
- ベストアンサー率25% (2/8)
探してみたらあったので、また回答します（待） http://member.nifty.ne.jp/f-page/hp/image/jpg05.htmlを見てみてください。 大きさ設定が出来るとか書いてありました。
お礼
ありがとうございました。 URLとても参考になりました。
おや? そうしたような挙動(タグの一部を大文字にすると挙動が変わる)は、はじめて聞きました。 この点に関しては見当違いだったのかもしれません。 あまり一般的に聞く挙動ではないように思いますが…(負け惜しみじみていて失礼) img要素で表示させる画像の表示サイズについてですが、これはimgタグ内に、widthやheightといった属性を追加することで指定できます。 <img src="***.jpg" width="60" height="40"> こういった記述をすると、横幅が60ピクセル、縦幅が40ピクセルの表示枠を確保して、その中に画像を表示します。 これは、元の画像のサイズがどんなサイズでも、指定された枠にぴったり収まるように、ブラウザの側が画像の縮小拡大・伸張圧縮を行って表示してくれるようになるはずです。
お礼
何度もありがとうございます。 初めてタグを使ってみた時も、<Font～のFを大文字にしないと出なかったんですよ、うちのパソコンが変なのでしょうか？？ 写真の大きさも詳しく教えていただいて、ありがとうございました。よくわかりました。 さっそくやってみます。
返信読みました。 とりあえず、ダミーで作ったそのページも、ローカルで確認するのではなく、今のレンタルサーバ上(ホームページスペースの方です)にアップロードして、ブラウザでそのページを開き、サーバ上に先に転送してある、日記に載せようとしている2枚目の画像が表示されることを確認してみて下さい。 もしそれで表示されなければ、URLの指定が間違っているということになりますので、それを修正して再度アップロードしなおしてみてください。 そのページで目的の画像が表示されれば、前掲のように、画像のプロパティから画像ファイルのURLを調べて、それをレンタル日記の方のimgタグに記述すればよいでしょう。 なお、「files:///c:/***/***.jpg」というように、files:///から始まるアドレスは、ローカル上の画像のアドレスです。 もし、上記のダミーページをアップロードして、その表示時の画像のプロパティで得た画像のURLがそういうアドレスになっていた場合は、ダミーページを作り直して、相対URL指定で画像のsrcを指定してください(相対URL指定であれば、目的の画像ファイルとダミーで作ったページが同じディレクトリに転送されているケースでは、画像ファイルのファイル名だけで表示できるはずです)。 それをアップロードしてから、ブラウザで表示させてURLを取得すれば、HTMLソースで相対URL指定してあっても、画像ファイルのプロパティではフルパスのURL(http://から始まるアドレス)が表示されますので、それがそのまま使えると思います。 なお、先に指摘した、レンタルサーバで外部サーバからのファイルの取得を阻止する例というのは、日記をレンタルしているサーバではなく、ホームページを公開している方のサーバの話です。 ホームページを転送しているサーバの側で、他のサーバ(この場合はレンタル日記サービス)から画像ファイルを引っ張っていくことを拒否する設定をしているケースもあるかもしれません。 もし、画像のURLを間違いなく指定した上で、それでも画像が表示できないというケースでは、そういったサーバの設定上の問題も含めて考慮する必要があるかもしれませんので、うまくいかなかったときには、日記のサービスではなく、ホームページを公開しているレンタルサーバの方のFAQなどを参照するか、問い合わせるかするのが良いでしょう。 蛇足ですが、HTMLソースのタグ名や属性名の大文字小文字についてですが、これは関係ありません。 いずれでも解釈されると思いますし、どちらかというと小文字か大文字で統一して記述されている例の方が多いと思います。 ただし、src=""の中で指定しているアドレスについては、大文字と小文字の区別を厳密にしなければなりません。 picture.jpgとPICTURE.JPGでは、サーバ上では別ファイルとして認識されますので、ファイル名の大文字小文字は間違いなく正確に書き写す必要があるでしょう。 不明な点があれば、また補足してみてください。 乱文失礼しました。
お礼
いろいろ詳しく教えていただいてありがとうございました。とても勉強になりました。 ただ、<Img Src～と、IとSを大文字にしてみたら写真が出てきました。サイズがとても大きいんですが、、。
- papa-ra-pa
- ベストアンサー率27% (421/1529)
＃１です。 アップしたＨＰで １枚は画像が表示されているんですよね？ 他の画像も同じところにアップしているのでしょうか？ だとしたら＜c:\＞は間違いです。それは ご自分のＰＣ内の画像の保存場所です。 インターネットで表示されたアップしてあるほう（サーバーの）の画像（ちゃんと表示されているもの）を右クリックでプロパティを確認してください。アップする場所が同じなら プロパティで表示された サーバー側の保存場所をタグにコピーして 画像ファイルの名前だけ変更してみてください。（サーバー側では半角以外は無理です） あと ＃３さんの指摘の通り、２枚目以降の画像は 他のサーバーを借りてリンクさせなさい という話なのかもしれないので、規約や使用法をよく読んでください。
お礼
何度もありがとうございます。 １枚は自分のパソコンのファイルから（HPじゃなくても）読み込めるんです。 それと、すみません＜Iｍｇ～のIを大文字にしたら出てきました。文字のタグも<Font～のFを大文字にしないと出なかったんです。？？です。
まずは、日記に貼りたい画像のURLを確認してみる必要があると思います。 srcで指定しているアドレスをそのままコピーして、ブラウザのアドレス欄に入れて、ブラウザからその画像を開いてみてください。 もしそれで画像が出てこないとしたら、src=""で指定しているアドレスが間違っているということになると思います。 この場合は、どこにファイルを保存してあるかを確認して、そのフルパスをsrc=""の中に入れてください。 画像ファイルのURLがわからない場合は、その画像ファイルを表示するHTMLページをビルダーで作り、それをアップロードしてそのページを開き、表示されている画像の上でコンテクストメニュー(windowsなら右クリックメニュー)を出して、その中のプロパティを開いてみれば、サーバ上の画像のフルパスがでてくると思います。 もしsrcの中身をアドレス欄に入れた時に、ブラウザで画像が表示されるのに、日記上では画像が表示されないという場合は、お使いのレンタルサーバが、外部のサーバからの画像ファイルの呼び出しを拒否するように設定されている可能性があると思います。 レンタルサーバによっては、画像ファイルなどの物置としてサーバスペースを利用されることを嫌って、そういった設定にしているケースもあり得るのではないかと。 この場合は、今使っているサイトの方のレンタルサーバの利用規約やFAQなどを調べてみるか、サーバの管理者に問い合わせるのが良いと思います。 それでダメということでしたら、別にサーバスペースを確保する必要があるでしょう。 見当違いでしたら、ごめんなさい。 参考になれば…
お礼
HPビルダーで仮のページを作り、そこに画像を取り込んで、プレビュー画面でプロパティを見てみたら、URL（アドレス）がfile:///c:/documents%20～/～/ホームページ（こういう名前で保存してます）/～/画像の名前.jpg、、とめちゃくちゃ長い名前になってました。 ひらがなもカタカナもありました（－－；） 保存した時は数字だけで保存したはずなんですが、、。 ちなみにレンタルしてる日記は画像OKです。他の方の日記を見ても、皆さんたくさん写真を入れられてます。
- garutikun
- ベストアンサー率25% (2/8)
<Img Src="画像URL"> でできませんかね。 詳しくは、http://020.chips.jp/tag/href/imgsrc.htmlで
お礼
IとSは大文字ですか？ 参考URLありがとうございました。
- papa-ra-pa
- ベストアンサー率27% (421/1529)
<IMG src="http://www.geocities.co.jp/(HPのアドレス)/(フォルダ等)/画像.jpg"> ジオシティーの場合ですが こんな感じになります。 フォルダとかわからない場合ですが すでにアップされている画像を（アップする場所が同じなら）ウェブ上で 右クリックして プロパティを見ると サーバー上の所在がわかりますので、画像名だけを変えてみてください。 サイトの詳細がわからないので一般的なところで。
お礼
うちは契約してるプロバイダーにHPのスペースがあって、そこでHPをアップしてるので、geocitiesのような入力項目はないと思うんですが、、。 ちなみにフォルダってc:\で始まる長い名前のことですか？？ プロパティを見たら、ものすごく長くてひらがなも混じった名前になってました（＾＾；）
関連するQ&A
- 画像タグについて
画像タグについて テキストエディタにHTML（タグ）を入力してホームページの作成を目指して勉強しています。 ボタンの画像を横一列で4つ並べる場合のでタグの入力の仕方なんですが、 使用しているテキストでは改行せずに横に並べてタグを入力していきましょう。 となっています。 正解→<img src="A" ><img src="B" ><img src="C" ><img src="D" > 不正解↓ <img src="A" > <img src="B" > <img src="C" > <img src="D" > 理由としてはブラウザできれいに表示されるからだそうです。 実際にやってみると確かに不正解パターンより正解パターンの方がブラウザで隙間なくきれいに表示されています。 疑問なのですが、同じタグを縦で入力するか横に入力するかで なぜ、ブラウザの表示に違いで出るのでしょうか？ また、<img src="" >タグ以外でも,改行しないで横に入力するタグはあるのでしょうか？ それはどうやって見分けるのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- タグが正常に動作しません。
以前質問したＦＴＰは諦めて、メモ帳でタグを使って ホームページを作りました。 参考にしたのは以下のサイトなのですが、 http://village.infoweb.ne.jp/~hometown/index.htm のサイト内の「画像を貼る（基本）」に書いてあった タグがうまく動作しません。 <img src=*****.gif alt=&&& width=115 height=80> というタグなのですが、*****の部分に画像のファイル名をいれます。 この方法を使うと、画像をアップローダーでアップロードしなくてすむようです。 実際に正しく（半角英数）で入力してみると、 自分のパソコンの中では見れるのですが、 インターネットに接続して誰からでも見られるようにすると×印がでてきてしまいます。 なぜでしょうか？お願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像が写らない
ホームページビルダー６で作ったページを転送して、so-netのＦＴＰに入れました。gooのＨＰで開いたら、写真がどうしてもでてきません。 登録名は、半角の英数にしましたし、これ以上どうしていいのか？ 教えてもらえませんか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像枠のタグ
何度しても写真画像の枠ができないのですが、 枠をつけて枠の色と枠の太さを変更したいのですが。 このタグのどこが違うのでしょうか？ （枠をつけて画像のサイズだけ変更している状態です↓） <img src="http://＠＠＠＠＠.JPG" border=3 width="300" height="200"> <img src="http://＠＠＠＠＠.JPG" width="300" height="200"border=3> 両方してみたんですが、両方共できませんでした。どこが違うのでしょか？これ↑に枠と枠の色をつけて枠の太さを調節する時はどこにどのようにタグを入れたらよいのでしょうか？ 写真画像枠のタグの種類はborder=3、３のみでしょうか？ 以前聞いたことがありますが、Macのブラウザー サファリでは変更しても反映されず見ることができないのでしょうか？ お手数をお掛け致しますが、ご存知の方がおられましたら お知らせ頂けますととても助かります、宜しくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページビルダー 画像の転送
ペイントで保存した画像を自分のＨＰにアップさせようとしたのですが、実際見ると、×印がでて、うまく転送できてません。MIDIファイルもアップしたのですが、これもNOT FOUNDのページになってしまいます。 ・ビルダーのＦＴＰソフトで転送してもうまくいってないです。 ・転送ファイルは全て、適切な場所に置いてます。 ・デジカメ写真などの転送はうまくいきます。 原因として何があげられるでしょうか？ どなたか教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- タグの素材を、取得しましたが、ＨＰビルダーに貼り付けてうまくいきません、、、
タグの素材を、取得しましたが、ＨＰビルダーに貼り付けたら、スクリプトのエラーです、と表示され、ＨＰビルダー上でうまくいかないことがありますが、 こんな時、インターネットエクスプローラーで開くと良いということを、聞きますが、どういう意味なのかよくわかりません、また、普通、ＨＰビルダーで作成して、ＦＴＰ転送という方法でいつも、ＨＰ作成しているんですが、どういうようにすれば、（インターネットエクスプローラーで開く）ということが、ＦＴＰ転送に結びついてゆくのか よくわかりません、教えてください。
- ベストアンサー
- Windows 95・98
- HTMLタグについての質問です。
HTMLタグについての質問です。 <img src="A" > Aに入力する部分についてなのですが、挿入したい画像がフォルダの中に入っている場合は <img src="フォルダ名/画像名" >となると思いますが、 挿入したい画像がフォルダ(1)の中のフォルダ(2)の中に入っている画像だとすると、 <img src="フォルダ(1)/フォルダ(2)/画像名" >となると思い、入力すると画像が表示されず、 「×」と表示されました。 試しに<img src="フォルダ(2)/画像名" >と入力するとちゃんと画像が表示されました。 imgタグに入力するのは画像をが入っている直接のフォルダ※だけでいいのでしょうか？ （※直接のフォルダ＝今回の例だとフォルダ(2)） 皆さんはどこのフォルダまで入力されてますか？ 画像が入っているフォルダ（フォルダ(2)）が入っているフォルダ（フォルダ(1)）も入力されていますか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- ｊｐｇ画像が表示されません…。
ＨＰを作成しているのですが、作ったページに画像が表示されません。 gifの画像は表示されるのにjpgの画像が表示されないのです。 タグは<img src="xxxx.jpg">としているのですが、赤いバツ印になってしまいます。 なぜでしょうか。回答よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像が重たくなります（＞。＜）’’助けてください！
こんにちわ！実は今大変困っているんですが、ホームページを作成しているんですが、自分でスキャンした犬の写真をHPに載せたいんですけど、JPGでソースに貼り付けたのですが、そのページを開けたとき、すごく重くって、なかなか画像が上がってこないんです（＞。＜）どうやったら、それを軽くさせるのか方法がわかりません・・。HPビルダは一切使わずにやっているので、今使っているタグは＜img src="●●.jpg">です。友達のHPの画像など開いた瞬間(そのページを)にすでに画像が上がっています、もし何か方法などあるのであれば教えてください、2週間以内にHPを仕上げなくてはいけませんのでお願い致します！ OSはウィンドウズXP IE 6.0 HPのプロバイダーはヤフーのジオシティーズです
- ベストアンサー
- その他（インターネット・Webサービス）
- ＨＴＭＬタグで素材画像にリンクを貼ったら…
ＨＴＭＬタグで素材画像にリンクを貼ったら、その周りを紫色の四角い枠が、その素材画像を囲んでしまいます。 この四角い枠を無くす方法は無いでしょうか？ <a href="ＨＰ ＵＲＬ" title="コメント"><img src="画像ＵＲＬ"></A> こういうタグなのですが。 何か足りないタグがあるのだと思うのですが分かりません。 宜しくお願いします。
- ベストアンサー
- HTML
お礼
試してみたらできました♪ありがとうございました。 ただ、写真のサイズがめちゃくちゃ大きいんですが、、。