こちらのサイトを参考にしました。

HTMLで画像の位置を中央や左右に固定する方法｜はてな記法とmarkdownのやり方も紹介 - ぴっぴのはてなブログでアフィリエイト
https://baby-chicken.hatenablog.com/entry/hatenablog-picture-html-ichikotei

HTMLで画像の横に文字をグルグル回り込みさせてブログ記事をオシャレにしない？ - ぴっぴのはてなブログでアフィリエイト
https://baby-chicken.hatenablog.com/entry/hatenablog-html-picture-mozi-mawarikomi

https://www.sejuku.net/blog/52694

左右に配置

“img要素にalign属性でleftまたはrightを指定する”

ちなみに[ align：整列 ]の意でした。

中央に配置

”align属性にcenterを指定しても中央に表示されない。

imgタグをdivタグで囲みalign属性にcenterを指定する。”

文字を回り込ませる

“前出の左右に寄せて画像を表示する方法にテキストを書くだけ”

このこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねこ

”回り込みを止めたいところに〈br clear="leftまたはrightまたはall"〉を書く”

このこねこのここのねこここねこ

このこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねこ

”画像と文字列の間に余白を入れるにはimgタグの最後にhspace="数字"を書く”

このこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねこ

できました。間に余白がちゃんと入ってます。
(追記5/24：プレビューだと大丈夫でしたが、ブラウザで確認すると余白再現できてなかったです。
HTML5では見栄えに関する設定はCSSで行うことになったそう。参照：hspace属性ｰ大阪教育大学http://www.osaka-kyoiku.ac.jp/~joho/html5_ref/hspace_attr.php?menutype=2simpll01l02l03A0
、HTML5で廃止された属性ｰ珈琲とウェブデザイン　https://web.havincoffee.com/html/html5/html5_b_att-disuse.html

）

ぴっぴさん、侍エンジニアさん、ありがとうございました。

それからどこで読んだか失念したんですが、よくSEOで言われてる画像のalt属性を指定するのって、読み上げ機能で使われるので聴覚障碍の方に大事らしいっす。

指定するとき耳で聞いて画像が分かり易いようにってことも考慮したいと思いました。

↓↓今夜20時からお買い物マラソン