珍しくパソコン。
モデルは、ニワトリ
< >は、半角英数に置き換えてください。また、文字の色は説明のためで、一番下に書いてあります。 画像・ニワトリをクリックすると画面は下のように表示される。
<img src="https://blogimg.goo.ne.jp/user_image/76/23/e60c380b3d6a1dec81f971061821434d.jpg" border="0"> クリックで拡大させる → クリックしてください<(_ _)>

<p><a href="https://blogimg.goo.ne.jp/user_image/76/23/e60c380b3d6a1dec81f971061821434d.jpg"><img style="margin: 0px 10px 0px 200px; float: left;" src="https://blogimg.goo.ne.jp/user_image/76/23/e60c380b3d6a1dec81f971061821434d.jpg" title="" width="180" border="0" /></a>
カーソルを当て、名前を表示させる
サイズ・位置の変更、拡大なし・・・title="ニワトリ" を、書き加える
<img src="https://blogimg.goo.ne.jp/user_image/76/23/e60c380b3d6a1dec81f971061821434d.jpg" title="ニワトリ" border="0">
大きさ、位置の変更、拡大、名前表示・・・カーソルを当てて見てください。クリックも


<p><a href="https://blogimg.goo.ne.jp/user_image/76/23/e60c380b3d6a1dec81f971061821434d.jpg"><img style="margin: 0px 10px 0px 150px; float: left;" src="https://blogimg.goo.ne.jp/user_image/76/23/e60c380b3d6a1dec81f971061821434d.jpg" title="ニワトリ" width="250" border="0" /></a>
右に寄せるときは
left → right 大きさを変える・・・任意の数字にしてください。
width="250" 画像の位置
マージン=margin の数字は、上、右、下、左 の順
margin: 0px 10px 0px 150px ありがとうございました。 追記・・・画像の左右に文字を入れない
border="0" /></a> の、後ろに <br clear="all" /> (<>は半角英数です)