全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.07.15
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTML文字画像リンク
・画像を効果的にはる
前回までは、文字をカスタマイズする方法を学びました。
今回からは、新しく画像をはる方法について学んでいきます。
「 ="" 」の間には、画像を保管してある場所の住所、つまり 画像のＵＲＬ をいれます。
これを「 <img src=""> 」の「 ="" 」の間にいれてあげれば、
画像をはることができるのです。
楽天広場の場合は、さきに「 画像倉庫 」に画像を保存することで、
自分のブログに画像をはることができます。
画像倉庫について詳しくはこちらを参照してください
■ 画像に文字を回りこませる
次の例をみてください。
<img src="～jpg">位置を指定しないで文字を書くと、このように画像の回りにいくつも段落を表示する事はできません。alignは非常に役に立ちます。
このように画像の回りにいくつも
段落を表示する事はできません。
alignは非常に役に立ちます。
このように画像につづいて文章を書くと、
画像の下に文章が回りこむことがあって、困っちゃうことよくあります。
文章を画像のヨコにキレイにもってくるには、どうしたらいいのでしょう。
ここで、またまた「 align 」属性をつかってみましょう。
今回は、属性値に「 left 」か「 right 」を入れてみます。
<IMG SRC="～.jpg" align="left" >このように画像の回りにいくつも段落を表示する事ができます。alignは非常に役に立ちます。
↓
このように画像の回りにいくつも
段落を表示する事ができます。
alignは非常に役に立ちます。
このように画像の回りにいくつも
段落を表示する事ができます。
alignは非常に役に立ちます。
このように画像の左右に文章を回り込ませることができました。
もし、文章の量が画像の高さに収まらないときは、画像の下にはみでます。
逆に回りこみを強制的に解除したいときは、「 br clear="" 」をつかいます。
「 ="" 」には、画像の位置を左にしたときは「 left 」、右になら「 right 」
「 all 」をいれると画像がどちらにあっても、回り込みが解除されます。
これで、「 br clear="" 」以下の文字が画像より下にくるのです。
「<IMG SRC="～.jpg" align="left">位置を指定して文字を書くと、
このように画像の回りにいくつも段落を表示する事ができます。< br clear="left" >alignは非常に役に立ちます。」
↓
位置を指定して文字を書くと、
このように画像の回りにいくつも段落を表示する事ができます。
alignは非常に役に立ちます。
alignは、 left、center、right で指定できます。
前回までは、文字をカスタマイズする方法を学びました。
今回からは、新しく画像をはる方法について学んでいきます。
画像をはるタグは <img src="">
です。
「 ="" 」の間には、画像を保管してある場所の住所、つまり 画像のＵＲＬ をいれます。
これを「 <img src=""> 」の「 ="" 」の間にいれてあげれば、
画像をはることができるのです。
楽天広場の場合は、さきに「 画像倉庫 」に画像を保存することで、
自分のブログに画像をはることができます。
画像倉庫について詳しくはこちらを参照してください
■ 画像に文字を回りこませる
次の例をみてください。
<img src="～jpg">位置を指定しないで文字を書くと、このように画像の回りにいくつも段落を表示する事はできません。alignは非常に役に立ちます。
このように画像の回りにいくつも
段落を表示する事はできません。
alignは非常に役に立ちます。
このように画像につづいて文章を書くと、
画像の下に文章が回りこむことがあって、困っちゃうことよくあります。
文章を画像のヨコにキレイにもってくるには、どうしたらいいのでしょう。
ここで、またまた「 align 」属性をつかってみましょう。
今回は、属性値に「 left 」か「 right 」を入れてみます。
<IMG SRC="～.jpg" align="left" >このように画像の回りにいくつも段落を表示する事ができます。alignは非常に役に立ちます。
↓
このように画像の回りにいくつも段落を表示する事ができます。
alignは非常に役に立ちます。
このように画像の回りにいくつも段落を表示する事ができます。
alignは非常に役に立ちます。
このように画像の左右に文章を回り込ませることができました。
もし、文章の量が画像の高さに収まらないときは、画像の下にはみでます。
逆に回りこみを強制的に解除したいときは、「 br clear="" 」をつかいます。
「 ="" 」には、画像の位置を左にしたときは「 left 」、右になら「 right 」
「 all 」をいれると画像がどちらにあっても、回り込みが解除されます。
これで、「 br clear="" 」以下の文字が画像より下にくるのです。
「<IMG SRC="～.jpg" align="left">位置を指定して文字を書くと、
このように画像の回りにいくつも段落を表示する事ができます。< br clear="left" >alignは非常に役に立ちます。」
↓
位置を指定して文字を書くと、このように画像の回りにいくつも段落を表示する事ができます。
alignは非常に役に立ちます。
alignは、 left、center、right で指定できます。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2008.12.20 20:24:37
[HTML文字画像リンク] カテゴリの最新記事
-
引用するタグ 2012.03.02
-
定義型リストの作り方 2012.03.02
-
フォントの変え方 2008.06.20
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
