プロが教えるわが家の防犯対策術!

<a>リンクが飛ばない・・
パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのですがWebに表示されません、本に書いてある通りにスペルも何度も見直しましたがリンクが飛びません
そして以下の表示が出てました↓

☆【 このコンピューターが差出人に識別されることを予防するため画像がブロックされています画像を表示するには、このアイテムを開いて下さい。】

意味がわからなくて困っています!
対応策をご存知の詳しい方おられましたら教えてください。
よろしくお願いいたします。

A 回答 (6件)

例えばの操作を書かせて頂きます。



Bracketsを起動します。

上部メニューの「ファイル」→「新規作成」をクリックします。

出た画面に、以下の線内のソースをコピー&ペーストします。

―――――――――――――――――
<html>
<head>
</head>
<body>

<a href="https://www.google.com/"><img src="https://www.google.co.jp/favicon.ico"></a>

</body>
</html>
―――――――――――――――――

上部メニューの「ファイル」→「名前を付けて保存」をクリックします。

保存先となる任意の場所やフォルダを開き、「ファイル名」の欄に「index.html」と全て半角で入力し、「保存」をクリックします。
(同名のファイルがある場合は他の名前で結構です。使用する文字は、全て半角で、英数字と「 - _ . 」のみが無難です。)

Google Chromeで、保存したHTMLファイルを開きます。

画像が表示され、それをクリックするとGoogleのサイトへジャンプすれば正常です。


間違えやすいポイントとしましては、以下のようなものがあるかと思います。

・半角で記述すべき所を、半角で記述していない

・拡張子を付けていない
(「index.html」で言えば、「.html」の部分)

・必要な部分の打ち忘れ
(「<a href="https//www.google.com/">Googleへリンクする</a>」は、「https//」に「:」を入れて「https://」にする必要があります。)


こちらで「Windows11」+「Brackets」で検証しても当該のエラーは出ませんでしたので、何かそちらで問題のある操作をされている可能性が高いと思われますが、それはこちらからは分かりませんので、とにかく細かいミスに注意してみてください。


又、画像ファイル等の指定方法は、「絶対パス」「相対パス」「ルート相対パス」(ルートパス)等がありますので、これは押さえておいてください。

「絶対パス 相対パス ルート相対パス」でWEB検索すると、詳しく解説しているサイトが見付かるかと思います。

HTMLファイルと同じ場所に画像ファイルがあるなら、ファイル名を書くだけで認識されます。これは相対パスです。
    • good
    • 0
この回答へのお礼

詳しいご説明ありがとうございました、
ご指摘していただいた点に注意しながら試してみたいと思います。

お礼日時:2022/08/01 13:50

> このコンピューターが差出人に識別されることを予防するため画像がブロックされています画像を表示するには、このアイテムを開いて下さい。



これは主にメール画面にて出るメッセージのように思いますが、そうではないでしょうか。

一般的なWEBブラウザ(Microsoft Edge、Internet Explorer、Google Chrome、Firefox等)でそのメッセージが表示されたのでしょうか。

あるいは、Windowsからのメッセージでしょうか。

当該のメッセージの意味は、つまり、「その画像を読み込むと、相手方のサーバー(コンピューター)にアクセスする事になり、あなた(あなたのメールアドレス)が生きている事が相手にバレてしまう可能性があるが、それでもいいか」という意味です。

詳しくは、以下が参考になるかと思います。
https://detail.chiebukuro.yahoo.co.jp/qa/questio …

とりあえず、当該のメッセージは、何のソフトで出たメッセージなのか、どういう操作を行った時に出たのかを補足された方が良いかと思います。

出来れば、例えば、以下のような感じで書いてもらうと分かりやすいです。

---------------------

Windows10のパソコンで、メモ帳を使い、HTMLを書いています。

「~」というコードを書いて、Microsoft Edgeで表示すると、「~」というメッセージが出て、正しく表示されません。

どうしたら良いでしょうか。

---------------------
    • good
    • 0
この回答へのお礼

回答ありがとうございます
HTMLを学ぼうと本を見ながらやったのですが
エディターはAdobe社のBracketでGoogle Chrome、Windows11を使用しました
◆コードを書いてWebに表示されるか確認する段階でプログラムから開く→ Google Chrome
と進めました。 
教科書通りやったのに訳のわからない結果が出て頭の中は真っ白です・・
アドバイス頂ければとても助かります
よろしくお願いいたします。

お礼日時:2022/07/31 15:45

では、試しに、以下をコピーしてから、


テキストに貼り付け、Webサーバーにアップして、表示&クリックしてみましょう。

<a href="//google.com">Google</a>


---------
<a>コードと画像は無関係なので、何をやりたいのか、私や他の回答者さんにもわからないです。
環境問題やセキュリティ問題があるのではないでしょうかねぇ・・・

だから、1つ1つ解決していくべきなので、上記のテキストアンカーで、リンクが動作するか?試すだけです。
    • good
    • 0
この回答へのお礼

回答ありがとうございます
表現に問題があり申し訳ございませんでした、リンクには飛ばすことができたので問題は他にあるかと思います。

お礼日時:2022/07/31 05:45

書いたコードをそのまま、ここにコピペして下さい。

    • good
    • 0
この回答へのお礼

コメントありがとうございます
書いたコードは以下になります↓
<a href="https//www.google.com/">Googleへリンクする</a>
よろしくお願いします。

お礼日時:2022/07/31 05:54

憶測ですが、リンク先に権限があり、ログインしないと進めないページである。


ちなみに、リンク先だけをYahooや、Googleにするとリンクが有効ですか。有効ならスペルはあっています。
    • good
    • 0
この回答へのお礼

回答ありがとうございます
いろいろ原因があるのですね、アドバイス頂いた項目を順番にチェックしてみます。

お礼日時:2022/07/31 06:02

コード間違い


質問文にないので具体的には指摘できない。
    • good
    • 0
この回答へのお礼

回答ありがとうございました参考にさせていただきます

お礼日時:2022/07/31 05:36

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!