自由でクリエイティブな暮らしを応援!
Search

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

 

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

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

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

 

 

 

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

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

 

 

 

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

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

 

 

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

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

 

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

 

 

 

③画像リンク完成!

 

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

 

 

HTML画像を貼る方法

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

 

 

いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」

EVAHKS

運営:嶋耕作(しまこうさく)『相場の熊さん』の愛称で親しまれているFX裁量トレーダー、ライター。自然が好きで日本国内に山所有。ひいお爺様は外交官。20代前半に教育関連事業にて年商3億円達成。その後、肺炎で臨死体験。世界人口4%の性格タイプを持つ。自由と安定。混乱と静寂。異なる性質のふたつを併せ持っている。趣味は読書、映画、アニメ、PUPG、人狼ジャッジメント、バスケ、音楽。好きな場所は、海、森、温泉、猫の肉球。漫画の島耕作はサラリーマンですが、サラリーマンはこの世で一番やりたくない仕事です。

3 Comments
  1. […] HTML画像リンクさせる方法(サンプルコード) […]

  2. […] しい内容はこちらをご覧ください→ HTML画像にリンクを貼る方法 […]

  3. […] HTML画像リンクさせる方法(サンプルコード) […]

Leave a Comment

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