ここから本文です

htmlで画像が表示されません。 画像が表示されなくてただ白いスペースができます...

kur********さん

2018/12/1914:34:39

htmlで画像が表示されません。
画像が表示されなくてただ白いスペースができます。パスをコピペしたし、確認もしたのでパスの記述は間違っていないはずです。やり方を調べるとhttpから始まるも

のがおおいのですが私のはftp://から始まっていますここがいけないのでしょうか?大きさを記述しなきゃいけないのかと思ってheightとwidthを記述したところ白いスペースの大きさが変わっただけでした。
画像が表示されないときの対処法を調べても、■の中に白い✕が表示される場合のものばかりで白く表示される場合の方法がわかりません。画像ファイル自体はアップロード出来ているようで開けばちゃんと表示されます。
htmlはこのようになっています(ファイル名はすべて小文字英語になっています)
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title>タイトル</title>
</head>
<body>
<img src=“ftp://sv4.html.starfree.ne.jp/ファイル名.jpg” height="200" width="800">
<div class=“main”></div>
<div class=“footer”></div>
</body>
</html>
それと現在文字化けしている問題も起こっているのですが、それも画像が表示されないことと関係しているのでしょうか?

補足文字化けに関してなのですが、starfreeのファイルマネージャーというものを使っています。文字化けの際にオプションにあるファイル名のところutf-8とhtmlの中のものと統一させれば直る、というのを見かけたので試しましたが文字化けは治りませんでした。設定出来ているはずなのですが、一旦ページを閉じてから見てみるとオプションの設定時代が元に戻ってしまいます。ファイルを編集する時に出てくるものもutf-8にしてありますが(こちらはずっと変わりません設定できています)...正直手詰まりです、文字化けに関しても回答頂けると助かります。

閲覧数:
64
回答数:
2
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

shi********さん

2018/12/1914:49:05

とりあえず、画像ファイルをhtmlファイルと同階層に置いて

<img src=“ftp://sv4.html.starfree.ne.jp/ファイル名.jpg” height="200" width="800">



<img src=“ファイル名.jpg” height="200" width="800">

にしてください。どうしてもURLで書きたいなら

<img src=“http://ホスト名/path/ファイル名.jpg” height="200" width="800">

のように、webサーバのホスト名と(htmlファイルの階層の)pathを記述してください(ホスト名のみでアクセス可能なら、path/ の部分は省略していいです)。

  • 質問者

    kur********さん

    2018/12/1915:05:55

    今のftpで記述のする前はファイル名だけだったのですが、それで表示されなかったので今の状態にしました。もう一つのものも試してみましたが、表示されませんでした。
    同階層というのはどういう意味なのでしょうか?初歩的なことを聞いているのは分かっているのですが、自分で対処法を調べている時も出てきましたがイマイチわかりませんでした。きっとここが問題なのだと思います。すみませんが解説頂けると幸いです

  • その他の返信(1件)を表示

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この回答は投票によってベストアンサーに選ばれました!

ベストアンサー以外の回答

1〜1件/1件中

ssr********さん

2018/12/1914:39:16

それだと画像は表示されませんよね。
httpから始まるものは絶対パスと言います。
で絶対パスとは、外部サイトにあるサイトそのものや画像を貼り付けるために使います。
自分のサイトの中で画像やリンクを貼る場合には、相対パスを使用します。
詳細は以下のページをご確認ください。
http://www.shoshinsha.com/hp/1hour/know/pass.html

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる