気ままな生活

画像を変化を付けて掲載したく、

多様な掲載方法を練習中です。

高機能エディタで一度プログラムを、

作成して記録して置くと、

後は画像ソースのＵＲＬと、

目的にあった数字を挿入するだけです。

１画像サイズ166×124　511kb 　３画像横並び↑   

1画像サイズ250×187           2画像横並び↑

画像にテキストを右に回り込ませました。↓
 
画像に対する上下の余白　　　　　　　　vspace=20ピクセル

画像に対する左右の余白　　　　hspace=30ピクセル

テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。

画像にテキストを左に回り込ませました。↓

画像に対する上下の余白　　　　　　　　vspace=20ピクセル

画像に対する左右の余白　　　　hspace=30ピクセル

テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。

画像を太い枠線【１０ピクセル】で囲ってみました。↓

参考にしたＨＴＭＬです。 

< img src="画像ファイル名（ＵＲＬ）"ｂｏｒｄｅｒ＝罫線の太さ（ピクセル数）>

画像とテキストの並べ方。↓

縦の画像とテキストの位置関係を指定したのですが、

一行に収まりきれない文章等は画像の

下に送られてしまいます。

必要性に疑問を感じます。

topに指定・一行似収まらない長い文章等は画像の下に送られてしまいます。　

middleに指定・一行似収まらない長い文章等は画像の下に送られてしまいます。

bottomに指定・一行似収まらない長い文章等は画
像の下に送られてしまいます。

参考にしたＨＴＭＬです。 

<p>

<img src="画像ファイル名（ＵＲＬ）"align="ｔｏｐ”ａｌｔ＝"”>topを指定

</p> 

上 top    中 middle  　下　bottom 必要により変更します。