簡単ＨＴＭＬ 画像にリンクを張ってみよう
コピーして自由に試して使ってみてください
画像にリンクを張りたい
| <IMG SRC=" 画像の表示されているタグ > |
|---|
| 画像の下にタグがありますから このように < ～ > 間ですべてコピーして貼り付けてください |
| このタグを表示させると次のようになります |
| <A HREF=http://
ここには飛ばしたいページのアドレス
>
<IMG SRC="
画像の表示されているタグ
></A> <A HREF=http:// ここには飛ばしたいページのアドレス ><IMG SRC=" 画像の表示されているタグ ></A> |
|---|
| 注意
<A HREF～～></A> (ここで改行すると画像は並びません） <A HREF ></A> <A HREF ></A> (このように連続させると 横に並びます） |
| このタグを表示させると次のようになります これで画像に リンクが張れます |
| 注意
コピーのまま画像を貼り付けると回りに囲みが出来ます とってスッキリしたいですね 直したら次のようにスッキリします |
|---|
| 直し方は リンクの周りに囲みがのページへ ここを クリック してください |
画像に リンクを貼りたい
応用変
応用変
| <a href="http://～～～～～～～ "target="blank" >test2</a> |
|---|
| target="blank
を追加する事で リンクした場所に 別ウインドウを開いて ジャンプします |
| test2 ここをクリックして 確かめてみてください |
トップに戻る
© Rakuten Group, Inc.
