リンク アイコンの作成方法

ハイパーリンクは、クリックすると別のドキュメントまたは Web サイトに接続するテキストまたは画像です。リンクにより、インターネットの閲覧がより迅速かつ便利になります。それらがなければ、ユーザーは表示したい各ページの Web アドレスを入力する必要があります。テキストベースのリンクがより一般的ですが、画像をリンクとして使用すると、ユーザー エクスペリエンスが向上し、サイトの視覚的な美しさが増します。

ステップ 1

使用するイメージの Web アドレスを取得します。これは次のようになります:

http://www.yourwebsite.com/graphics/graphics.jpg

ステップ 2

画面に表示される画像の Web アドレスを正確に書き留めます。エラーがないことを確認するには、アドレスをコピーしてテキスト エディターに貼り付けます。

ステップ 3

リンクする Web サイトまたはドキュメントの Web アドレスを確認します。 Web サイトにアクセスして、アクティブで機能するページであることを確認します。このリンクをコピーして、テキスト エディターに貼り付けます。説明のために、これを使用します:

http://www.yourwebsite.com/reallycoolstuff.html

ステップ 4

テキスト エディターに、次の基本的なコードを貼り付けます。

ステップ 5

WEBSITE_GOES_HERE テキストを置き換えて、「a href」タグに Web アドレスを挿入します。 IMAGE_ADDRESS_HERE を置き換えて、画像の Web アドレスを貼り付けます。

ステップ 6

完成したコードは次のようになります。

ヒント

Web アドレスが正確であることを確認してください。そうでない場合、リンクが機能しないか、画像が読み込まれません。

警告

自分が所有しているか、使用許可を得ている画像のみを使用してください。常に画像を自分のディレクトリにアップロードし、そのアドレスにリンクしてください。 「ホットリンク」または他人の画像アドレスの使用は、画像をホストしている人物が同意しない限り違法です。