![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
初心者です。HTMLタグの画像貼り付けのことで伺います。以下URLにタグ実験場があります。→http://pal.ciao.jp/txt2.htm
ここで画像貼り付けを試みたのですが、何度やってもX箱が現れるばかりです。例えば<img src="http://pal.ciao.jp/txt2.htm/img/○○○.jpg">という具合で“実行”をクリックすれば良いのではないのでしょうか?
そして、その際、掲示したい画像の○○○.jpgは私のPCのどこに置いておけばよいのでしょうか?
出来れば画像のサイズも自由に変えられれば有り難いのですが。
回答お待ちしております。
No.5ベストアンサー
- 回答日時:
こう入れても駄目ですか。
””この質問に回答します””の、画像が 表示されるはずです。<img src="http://okweb.jp/images/new_kotaeru_btn.gif">
#2の補足で
>ABCという名でフォルダと中にあいうJPEG画像
ファイル名と拡張子は間違いないですか。
大文字、小文字の間違い等 一文字でも間違っていると駄目です。
ついでに
<img src="http://okweb.jp/images/new_kotaeru_btn.gif"WIDTH … HEIGHT="200">
回答ありがとうございます。
<img src="http://okweb.jp/images/new_kotaeru_btn.gif">はうまく表示されました。「この質問に回答します」ですね。<img src="http://okweb.jp/images/new_kotaeru_btn.gif"WIDTH … HEIGHT="200"> は駄目でしたが「表示→文字のサイズ→中」にしたら縦長に表示されました。
No.6
- 回答日時:
#2です
<img src="file:///C:/My Documents/ABC/あいう.jpg">
My Documents内のホルダー名を確認してください
ホルダー名ABC ではなく
Abc になってませんか。
大文字小文字は違うものと認識されます。
回答ありがとうございます。フォルダを以下のように改めたら出来ました。
<img src="file:///C:/Documents and Settings/a/My Documents/ABC/あいう.jpg">
kkaawwaachonさん、御協力いただき心より感謝いたします。
No.4
- 回答日時:
サイズ変更の方法はファイル名の後に
WIDTH="数字" HEIGHT="数字"
頑張ってください。
もう一つ、サイト内の画像のファイル名を知りたければ
画像を右クリック プロパティー
ここで見れます。
No.3
- 回答日時:
質問者さんのHPのドキュメントルートを基準してパスで指定したところに画像をおけば良いですね。
私がやってみたところ
http://pal.ciao.jp/txt2.htm
ここには、例えば
<img src="http://localhost/img/01.jpg">
と書き実行しました。
画像の「01.jpg」は、
自分のHPのドキュメントルートの下にimgというディレクトリを作り、その下(中)に「01.jpg」を置きました。
「localhost」は質問者さんのHPのホストアドレスで置き換えてください。
表示結果はURLが
http://pal.ciao.jp/txt2.htm
のところに画像が表示されました。
早速の回答ありがとうございます。
わたくし自前のHPがないのですが、ともあれ<img src="http://localhost/img/01.jpg">で書き込んでみてもやはりX箱が出現するのみです。
No.2
- 回答日時:
C:/My Documentsの○○ホルダーに あいう.jpg で保存して有れば
<img src="file:///C:/My Documents/○○/あいう.jpg">
こんな風になります。
http://pal.ciao.jp/txt2.htm/img/○○○.jpg
この記述に場合は、自分のPC内ではなく、インターネット上に有る物を、表示させる時に使います。
早速の回答ありがとうございます。
試みにMy DocumentsにABCという名でフォルダと中にあいうJPEG画像を作り<img src="file:///C:/My Documents/ABC/あいう.jpg">で実行したのですが、やはりX箱が出現するのみです。何故なのでしょう?
No.1
- 回答日時:
早速の回答ありがとうございます。
http://pal.ciao.jp/txt2.htm/img/に置くにはつまりどのようにするのでしょうか?。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- PHP PHP・Wordpress preg_replaceを条件分岐で処理させる方法が知りたい 1 2023/05/01 14:25
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
- Excel(エクセル) Excel 毎日手作業で時間がかかって、泣きたいです、、、VBAのプロの方、助けてください。。。 3 2022/10/25 04:26
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【CSS】ライブドアブログのスマ...
-
リンク画像をホバーアニメーシ...
-
バナーのURLについて
-
HTMLの画像表示時のキャッシュ...
-
FC2ショッピングカートのカスタ...
-
ホームページ作製に関してなん...
-
画像のalt属性について教えて下...
-
拡張子無しで画像を表示したいです
-
タイトルバーに画像を入れるHTM...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
GIMP 短形 ミリメートル
-
背景が透けると文字も透ける
-
IBM ウェブアートデザイナーが...
-
UWSCについて
-
Pixiaによる透過画像(.pngファ...
-
Paint Shop Proで背景を透過さ...
-
画像貼り付け、URLに飛べる軽い...
-
Adobe インデザインに詳しい方...
-
Photoshopで画像解像度が300dpi...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
背景が透明なリンクボタンで、...
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
pngやjsの後ろの英数字の意味は...
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
「DecareステートメントにPtrSa...
-
崩れたレイアウトが更新すると...
-
リンクの上にマウスカーソルを...
-
サムネイル(画像)をクリックす...
-
windowsは画像にマウスオンで画...
-
form以外でのpostってできますか?
-
onmouseoverに複数の命令を書き...
-
正規表現でリンクタグを削除す...
-
HTMLにQRコードを挿入する方法
-
画像を入れ替える方法
おすすめ情報