画像にリンクを貼る。





日記やページ欄にも良く使うのですが、

画像をクリックすると、リンク先に飛ぶ事が出来ます。

枠ありと枠なしのやり方、そしてメール送信の画面に

飛ぶ方法をご紹介します。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

【 画像にリンクを貼る( 枠あり)】




<A href="リンク先のURL"><IMG SRC="画像のアドレス"></A>


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

【 画像にリンクを貼る( 枠なし)】




<A href="リンク先のURL"><img src="画像のアドレス"border="0"></A>


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

● border="0" ( 0 の数字を大きくすると、枠が太くなります。) 




border="5"
にしてみました。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

【 メール発信ボタンの設定 】

● メールウインドウを開くリンクボタンを作ります。



<A href="mailto:メールアドレス"><img src="画像のアドレス" border="0"></A>


● 画像をクリックすると、メールの送信画面が出ます。

このメールアドレスは、リンクボタンをクリックして

開かれたメール送信用のウインドウで、宛名欄に

自動的に挿入させるものです。

見本では入れていませんが、使う時はそこに

自分のメールアドレスを入れます。





© Rakuten Group, Inc.

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: