HTMLに画像へのリンクを追加する方法-htmlチュートリアル-php.cn

HTMLに画像へのリンクを追加する方法

清浅

リリース： 2019-04-09 18:00:42

オリジナル

29356 人が閲覧しました

html画像にハイパーリンクを追加する方法: タグを使用してハイパーリンクを設定し、href を介してジャンプするようにリンクを設定し、その下に HTMLに画像へのリンクを追加する方法タグを設定できます。 a タグ画像を追加するために使用されます。画像をクリックすると、目的のリンクにジャンプします。

HTML でハイパーリンクを使用すると、インターネット上の別のドキュメントに接続できます。ほとんどすべての Web ページでリンクを見つけることができます。次の記事では、参照効果のある画像にハイパーリンクを追加する方法を紹介します。推奨コース:

HTMLに画像へのリンクを追加する方法 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に画像へのリンクを追加する方法

HTMLタグインデックス

：https :/ /www.html.cn/sitemap.html

要約: 上記がこの記事の全内容です。皆様のお役に立てれば幸いです。

以上がHTMLに画像へのリンクを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。