画像をクリックでジャンプ

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<p><a href="https://www.7key.jp/">
<img src="../img/samp.gif" width="150" height="150" alt="サンプル画像">
</a>
</body>
</html>

表示サンプル

サンプル画像

解説

リンクを設定できるのは文字だけではありません。文字と同様にして画像を「<a>」と「</a>」で囲むことによってその画像をクリックすると別のページへジャンプするようにできます。

リンクについての詳細は「リンクってなに?」を参照下さい。

リンクの設定の仕方は「リンクを作る」を参照下さい。

画像の挿入方法については「ページに画像を貼り付ける」を参照下さい。