ブログ記事に良く使う２ 画像を使う

こちらもブログを使用しているとそれなりのボタンなどがありますが前記のＡタグと同様、知っていることで変更などが安易にできますので覚えておきたいです。

ＩＭＧタグ：画像の表示に使用するタグ
<img ・・・・>　こちらは一つで画像を表示します。

<img src="画像のＵＲＬ" height="画像の縦幅" width="画像の横幅" alt="画像上にマウスがあるときに表示するテキスト" border="画像周りの枠線の太さ" align="画像の位置">

src 以外は省略可能です。

画像の縦幅、横幅については画像を縮小拡大するとき意外は使用しなくても原寸で表示されますがあると表示されるまでレイアウトが崩れなくて良いので指定しておくと良いかもです。

border は指定しないと枠線はつきませんがＡタグ内に配置してリンクを設定する場合には枠線が自動で追加されますので枠線が必要ない場合には border="0" を設定しておくとよいでしょう。

align については画像の配置に関する設定です。

指定がない場合には画像を表示した後に文字を打ち込むと下記のようになります。

文字が入るとこんなかんじで・・・
２行目はこちら。

右側を使わずすぐ改行する場合以外はちょっとレイアウトが好ましくないと思いますのでその場合には align=left を指定することで下記のようになります。

文字が入るとこんなかんじで・・・
２行目はこちら。


こちらを使用した場合には２行目以降で画像の下にする為には <br clear="all"> を使用する事によって画像の下まで改行をすることができます。これを使用することによってお好みのレイアウトで画像入りの記事を書ければブログを書くのに気合がはいりますね。

※画像に意味はありません。ＪＩＮ自身でもありません(笑)
適当な画像が無かったので落書きしてみただけです。いないとは思いますが、別所で公開しようとはしないでね。はづかしいから Σ(-д-)