詳しい人求む！

HTMLで画像を表示させたいです

解決済

質問者：奈緒可
質問日時：2019/08/13 10:37
回答数：6件

HTMLを勉強しています。画像を載せると、「このコンピューターが差出人に識別されることを予防するため画像がブロックされています。画像を表示するには、このアイテムを開いてください。」と表示され、×印が表示されてしまいます。どうしたらよいでしょうか？

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML演習</title>
</head>
<body>
<section>
<h1>写真</h1>
</section>
<p><img src="atopi.jpg"></p>
</body>
</html>

回答ありがとうございます(^ ^)
<img src="./atopi.jpg">や<img src="○○./atopi.jpg"> とやってみましがダメでした。

No.2の回答に寄せられた補足コメントです。補足日時：2019/08/13 11:14
通報する
回答ありがとうございます。写真を見ていただけたらわかると思いますが、同じ階層にしてあるので、そこは大丈夫だと思います。説明不足ですみません。

No.3の回答に寄せられた補足コメントです。補足日時：2019/08/13 16:14
通報する
回答ありがとうございます。別の画像でも何度か試していますが、ダメでした。正式名称をプロパティから、確認しましたが、atopi.jpgになっていました。

No.4の回答に寄せられた補足コメントです。補足日時：2019/08/13 16:24
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： naokita
回答日時：2019/08/13 15:21

階層云々言っている回答者もいるけど、

提示した画像の左側（階層）を見る限りでは、HTMLも階層も間違っていないよ。
ただ、
ファイルの拡張子が表示されていないファイルと、表示されているファイルがあるのが気になる。

ファイルを右クリックして、正式名称を確認するべき。
その確認したファイル名が正しい事になる
もしかしたら、「atopi.jpg.jpg」「atopi.jpg.gif」などが正しい可能性がある！

画像が壊れている可能性もあるので、別の画像でテストしてみても良いでしょう。

- 0
- 件

通報する

No.6

回答者： t_fumiaki
回答日時：2019/08/13 17:42

写真を見る限り画像ファイルには拡張子.jpgが付いてるのに、htmlファイルには付いていない、とか不思議があり、また、プレビューじゃ無いの？とか不思議が多い。

・・・02_1がこのhtmlファイルなんでしょうか？

htmlファイルである事が認識されていないのでは？
そのhtmlファイルをダブルクリックすれば自動でブラウザ経由で表示されますが、どうもどうなっていなソー。

チャント.htmlの拡張子付けてますか？？？？？

- 0
- 件

通報する

No.5

回答者： naokita
回答日時：2019/08/13 16:51

#4です。

では、src=に絶対URLの画像を設置してみてください。
例えば、
https://www.google.com/favicon.ico

-----------------
その他、
おそらくMicrosoft EdgeかIEをご利用だと思いますが、
FirefoxかChromeをご利用してみてください。

または、内部画像を表示させない設定にしているのかも・・・