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

htmlの使い方




 

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

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

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

 

world peace mark symbol

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

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

 

 

 

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

 

 

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

 

 

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

・「リンク先のURL」は、画像をクリックして移動する先のURLを記述します。

・「画像のファイル名」は、アップロードされている画像のURLを記述します。

・「画像の説明文」は、画像を説明する文章を記述します。

 

 

③画像リンク完成!

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

 

 

HTML画像を貼る方法

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

 




よく読まれている記事

htmlの使い方

1 個のコメント

  • コメントを残す

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