HTML画像にリンクを貼る方法

 

画像にリンクを貼ることが出来ます。

画像にリンクを貼ることで、画像をクリックするとリンク先URLへ移動します。

HTMLで画像にリンクを貼ることの出来るサンプルコードをご紹介します。

 

 

 

(例)この画像にリンクを貼ってあります。

この画像をクリックするとYouTubeの動画ページへ移動します。

 

 

 

画像リンクのHTMLサンプルコード

<a href="リンク先のURL"><img src="画像のファイル名(保存場所)" alt="画像の説明文"></a>

 

 

①画像リンクを貼りたい場所へHTMLでコピペします。

②必要な情報に書き直します。

 

  • 「リンク先のURL」は、画像をクリックして移動する先のURLを記述します。
  • 「画像のファイル名」は、アップロードされている画像のURLを記述します。
  • 「画像の説明文」は、画像を説明する文章を記述します。

 

 

 

③画像リンク完成!

 

リンク出来ているか確認してみましょう。

 

 

HTML画像を貼る方法

画像だけ貼りたい方は↑リンクへ移動すると、HTMLで画像を貼れるサンプルコードが紹介されています。

 

 

Follow me!

この記事を読んだ方はこちらも読まれています

最後まで読んで頂きありがとうございます。

このブログを「いいな」と感じていただけましたら、

下のボタンをクリックしていただくととても嬉しいです^^

ブログランキングに参加しています。応援クリックよろしくお願いします!

にほんブログ村 為替ブログ FXの基礎知識へ

さらに下のボタンからSNSに拡散していただくととても嬉しいです!

3 件のコメント

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください