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>
No.4ベストアンサー
- 回答日時:
階層云々言っている回答者もいるけど、
提示した画像の左側(階層)を見る限りでは、HTMLも階層も間違っていないよ。
ただ、
ファイルの拡張子が表示されていないファイルと、表示されているファイルがあるのが気になる。
ファイルを右クリックして、正式名称を確認するべき。
その確認したファイル名が正しい事になる
もしかしたら、「atopi.jpg.jpg」「atopi.jpg.gif」などが正しい可能性がある!
画像が壊れている可能性もあるので、別の画像でテストしてみても良いでしょう。
No.6
- 回答日時:
写真を見る限り画像ファイルには拡張子.jpgが付いてるのに、htmlファイルには付いていない、とか不思議があり、また、プレビューじゃ無いの?とか不思議が多い。
・・・02_1がこのhtmlファイルなんでしょうか?
htmlファイルである事が認識されていないのでは?
そのhtmlファイルをダブルクリックすれば自動でブラウザ経由で表示されますが、どうもどうなっていなソー。
チャント.htmlの拡張子付けてますか?????
No.5
- 回答日時:
#4です。
では、src=に絶対URLの画像を設置してみてください。
例えば、
https://www.google.com/favicon.ico
-----------------
その他、
おそらくMicrosoft EdgeかIEをご利用だと思いますが、
FirefoxかChromeをご利用してみてください。
または、内部画像を表示させない設定にしているのかも・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- PHP PHPプログラムの間違い 1 2022/10/06 14:33
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
メールに添付されたhtmlファイ...
-
JSPの中にhtmlファイルを埋め込...
-
一つのhtmlファイルでページを...
-
社内で利用するWebサイトを立ち...
-
スマホサイト url SP
-
htmlにtextファイルを表示させ...
-
ホームページの中の文字を変更...
-
Word文書の.docファイルをWeb上...
-
編集HTMLファイルを別のフォル...
-
PDFファイルをサイト上にアップ...
-
htmlの中にexcelが埋め込むには...
-
スタイルシートの外部ファイル...
-
<a href=…></a>で表示されない。
-
HTMLやCSSの記述方式とサーバー...
-
画像ファイルの存在状態(?)...
-
htmlファイルの中にhtmlファイ...
-
MIMEタイプってなぜあるんですか?
-
FTPでのサイトのアップロードの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
社内で利用するWebサイトを立ち...
-
htmlの中にexcelが埋め込むには...
-
HTMLで別PCのフォルダを開く
-
htmlの謎
-
htmlにtextファイルを表示させ...
-
<a href=…></a>で表示されない。
-
メールに添付されたhtmlファイ...
-
JSPの中にhtmlファイルを埋め込...
-
C# ローカルにあるhtmlの相対...
-
input type="file"のmaxlength...
-
、URL化させるにはどうしたらい...
-
HTMLの<a href="xxx.html">~</...
-
一つのhtmlファイルでページを...
-
ssi を使わないのに .html を ....
-
コマンドプロンプトでパラメー...
-
テクトロ オシロ 拡張子 ISFフ...
-
MIMEタイプってなぜあるんですか?
-
スマホサイト url SP
おすすめ情報
回答ありがとうございます(^ ^)
<img src="./atopi.jpg">や<img src="○○./atopi.jpg"> とやってみましがダメでした。
回答ありがとうございます。写真を見ていただけたらわかると思いますが、同じ階層にしてあるので、そこは大丈夫だと思います。説明不足ですみません。
回答ありがとうございます。別の画像でも何度か試していますが、ダメでした。正式名称をプロパティから、確認しましたが、atopi.jpgになっていました。