リンクアイコンの作り方

...

画像はハイパーリンクとして使用できます。

ハイパーリンクは、クリックされたときに別のドキュメントまたは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テキストを置き換えて、Webアドレスを「ahref」タグに挿入します。 IMAGE_ADDRESS_HEREを置き換えて、画像のWebアドレスを貼り付けます。

ステップ6

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

必要なもの

  • メモ帳またはHTMLエディター

  • アップロードした画像

  • 画像を使用するための適切な権利

  • 基本的なウェブホスティングの知識

ヒント

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

警告

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