HTMLで画像リンクを作成する方法

HTML文書にリンクを追加したいが、テキストの代わりに画像を表示したいと思ったことはないだろうか？ ほとんどのHTMLコーダーは知っているので、この記事の手順を読めばあなたもできる。

1

Windowsの場合はメモ帳やワードパッド、Macの場合はTextEditやDreamweaverのようなテキスト編集プログラムを開いてください。

• 必要であれば、.NETも使えます。

2

写真ベースのリンクの前に必要なHTMLテキストをすべて入力する。

3

写真ベースのリンクの開始タグ（"アンカー "エレメントとしてより洗練された名前で知られています。

4

閲覧者に見てもらいたいリンクを入力します（http:// を含む）。

5

その部分を引用符（"）と三角括弧（>）で囲む。

6

使用したい画像をHTML形式で入力する。 <img src="imagefilenamehere.gif">のようにします。

7

リンク閉じHTMLタグで写真ベースのリンクを閉じます。写真ベースのリンク閉じタグ</a>を入力します。

8

文書の残りの部分に必要な進行用HTMLテキストを入力する。

この記事は、CC BY-NC-SAで公開されている「 HTMLで画像リンクを作る方法 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。