全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.07.15
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTML文字画像リンク
・画像リンク
前回は、画像の効果的なはりかたを学びました。
今回は、画像タグにリンクを張る方法です。
<a href="リンク先のURL"> <img src="バナー画像または画像のURL"> </a>
↑
■ 大切なこと
ここで見落としがちなのが border="0" です。
これを記述しておかないと・・・
↑
このように枠線がでてしまいます。
border="0" を入力するとこのように
枠線がとれるのです。
↑
枠線の消し方を覚えておくと便利ですよ！
同じようなやり方でバナーにもつかえます。次回は,リンクのはり方についてです。
前回は、画像の効果的なはりかたを学びました。
今回は、画像タグにリンクを張る方法です。
リンクを張るタグは <a href="リンク先のURL">～</a>
です。
<a href="リンク先のURL"> <img src="バナー画像または画像のURL"> </a>
↑
<a href="リンク先のURL"> <img src="http://image.space.rakuten.co.jp/lg01/33/0000122333/57/img92a1a252hf8ntc.gif" width="92" height="63" alt="車とスクーター">
</a>
■ 大切なこと
ここで見落としがちなのが border="0" です。
これを記述しておかないと・・・
↑
<a href="http://my.plaza.rakuten.co.jp/"> <img src="http://image.space.rakuten.co.jp/lg01/33/0000122333/57/img92a1a252hf8ntc.gif" width="92" height="63" alt="車とスクーター">
</a>
このように枠線がでてしまいます。
border="0" を入力するとこのように
枠線がとれるのです。
↑
<a href="http://my.plaza.rakuten.co.jp/"> <img src="http://image.space.rakuten.co.jp/lg01/33/0000122333/57/img92a1a252hf8ntc.gif" width="92" height="63" alt="車とスクーター" border="0"
>
</a>
枠線の消し方を覚えておくと便利ですよ！
同じようなやり方でバナーにもつかえます。次回は,リンクのはり方についてです。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2008.12.20 20:12:53
[HTML文字画像リンク] カテゴリの最新記事
-
引用するタグ 2012.03.02
-
定義型リストの作り方 2012.03.02
-
フォントの変え方 2008.06.20
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
