|
|
|
全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.10.26
テーマ：ホームページ作成の悩み(545)
カテゴリ：HTML文字画像リンク
・画像を効果的にはる
■画像の縦横にスペースを空ける 前回は、画像と画像の関係を学びました。 今回は、画像と文章のスペースを調節する方法です。 次の例をみてください。
このように、通常の状態では、画像と文章がかなりくっついて表示されます。 この画像と文章の間にスペースを空けるとどうなるでしょう？ ここで、「hspace」「vspace」属性をつかってみましょう。 「hspace」はヨコの間隔を、「vspace」はタテの間隔を調節できます。 「<IMG SRC="～.jpg" align="left" hspace="20" vspace="10">このように～せんか？」と入力します。 ↓
すると、このように「ヨコ20」「タテ10」のスペースがあきました。 上の例と比べると、すっきり見やすくなったとおもいせんか？ この方法は、日記に画像をのせたり、アフィリエイト画像に説明をつけたり するときにとっても便利なのです。ぜひ利用してみてね。 ちょっとおまけ。 上の例で画像にわかりやすいように、ふちどりをつけてあります。 どうやっているのでしょう？ これは「border」属性をつかっています。 属性値は数字で、数字が大きくなるとボーダーも太くなります。 「<IMG SRC="～.jpg" border="2">」と入力。 ↓
↓
※ちなみに画像にリンクを張るときに 「border="0"」属性で枠線を消すことも出来ます。 さて、今回までで画像についていろいろと学んできました。 画像がつかえると、ブログがとっても華やかになりますし、キレイにみえます。 ぜひ画像をうまくつかってみてくださいね。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2009.02.23 06:42:55
[HTML文字画像リンク] カテゴリの最新記事
|
このように画像の回りにいくつも段落を表示する事はできます。alignは非常に役に立ちます。わかりやすいように画像にラインを表示しています。今回は画像にわかりやすいように、ふちどりをつけてあります。
