ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLに画像へのリンクを追加する方法
HTMLに画像へのリンクを追加する方法
- 清浅オリジナル
- 2019-04-09 17:17:2929376ブラウズ
html画像にハイパーリンクを追加する方法: タグを使用してハイパーリンクを設定し、href を介してジャンプするようにリンクを設定し、その下に タグを設定できます。 a タグ 画像を追加するために使用されます。画像をクリックすると、目的のリンクにジャンプします。
HTML でハイパーリンクを使用すると、インターネット上の別のドキュメントに接続できます。ほとんどすべての Web ページでリンクを見つけることができます。次の記事では、参照効果のある画像にハイパーリンクを追加する方法を紹介します。推奨コース:
HTML チュートリアル
]コンテンツが含まれている場合、 タグを介してハイパーテキスト リンクを設定できます。をクリックすると、新しい文書または現在の文書の特定の部分にジャンプし、マウスポインタをその上に置くと、矢印が小さな手の形に変わります。文法形式
<a href="url">链接文本</a>
a タグには target 属性があり、特にジャンプ方法を制御するために使用されます。たとえば、self に設定されている場合は、現在のタブにジャンプするために使用されることを意味し、
blank に設定されている場合は、ハイパーリンクが # 付きの新しいウィンドウで開かれることを意味します。 ##a タグ。属性タイトル。a タグのタイトルは、img タグのタイトルと同じです。両方とも、マウスをホバーしたときに表示されるプロンプト テキストの内容を制御するために使用されます。
例: 画像にハイパーリンクを追加します
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <a href="http://www.php.cn" target="-blank" title="PHP中文网logo"> <img src="logo.jpg" alt="HTMLに画像へのリンクを追加する方法" > </a> </body> </html>レンダリングは次のようになります:
#クリックすると画像をクリックするとPHP中国語サイトの公式サイトにジャンプします 画像にマウスを移動すると設定したタイトルが表示されます。
この記事の参考文献：https://www.html.cn/doc/html/link/
HTMLタグインデックス
：https :/ /www.html.cn/sitemap.html要約: 上記がこの記事の全内容です。皆様のお役に立てれば幸いです。
以上がHTMLに画像へのリンクを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。