|
|
|
2006年02月09日
カテゴリ：ホームページを作ろう♪
 画像と文章が横に並ぶと、通常では、画像の横に1行だけしか文章が入りません。最初の画像は、楽天画像オプションから タグをコピーして貼り付けただけですので、 画像の横に1行しか文章が入っていませんね。 <img src="http://image/////imgb2c3200c25jpvk.gif" width="171" height="250" alt="rirausagi2"> ところが、位置揃えを「右寄せ」「左寄せ」に設定すると、 画像の横に複数行の文章を配置することが出来ます。 画像の周りを文章が囲むことが出来るため、回り込みと呼ばれます。 ここでは、画像を右寄せにしたいので、 画像オプションからコピー、貼り付けした 「IMG」という、画像の配置に関するタグの中に、 align属性（画像と文字列の配置の指定）で、 align=right を追加しています。 <img src="http://image/////imgb2c3200c25jpvk.gif" width="171" height="250" align=right alt="rirausagi2"> いくつかの画像を使って、右と左の回りこみをバランスよく配置すると、 ページに挿入した文章を、新聞や雑誌のように 画像を囲んだ美しいレイアウトのページを 作ることが出来ます。 最後の画像は、「左寄せ」にしたいので、 「IMG」タグの中に align=left を追加して挿入しました。 <img src="http://image/////imgb2c3200c25jpvk.gif" width="171" height="250" align=left alt="rirausagi2"> △▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△ 楽天では画像オプションに入れた画像を 日記の好きな位置に入れるには、 画像の配置タグの中に align=******（画像と文字列の配置の指定します） 前後半角開けて入力してみてください。 ★画像を右に寄せたいなら right ★左に寄せたいなら left ★上に配置したいなら top ★下に配置したいなら bottom △▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△ お気に入りの記事を「いいね！」で応援しよう
最終更新日
2006年02月09日 15時02分10秒
コメント(0) | コメントを書く
[ホームページを作ろう♪] カテゴリの最新記事
|
