HTML編集画面での、記事への画像挿入手順

前回の記事の続きです。

では、実際に、画像の挿入をしてみたいと思います。

この文章の下に画像を表示します。

この文章の上に画像を表示します。

今回は、上の青文字の文章の間に、画像を挿入してみたいと思います。

まず、前回の手順で、挿入したい画像をgooブログ内にアップロードして、

アップロードされた画像をクリックし、必要な情報をコピーします。

<img src="https://blogimg.goo.ne.jp/user_image/0e/b0/676c8385cd34f1ee19d013a63e46c149.jpg">

これが今回挿入したい画像の情報です。

さて、次に、この情報を、HTML編集画面で画像を挿入したい箇所に貼り付けます。

記事編集画面の左上がHTMLエディターになっているのを確認したら、

記事入力画面の上にあるHTMLをクリックします。

そうすれば、上記の青文字の文章の部分は次のように表示されると思います。

<p><span style="color: #0000ff;">この文章の下に画像を表示します。</span></p>

<p><span style="color: #0000ff;">この文章の上に画像を表示します。</span></p>

この真ん中に先ほどの情報を挿入します。

<p><span style="color: #0000ff;">この文章の下に画像を表示します。</span></p>

<img src="https://blogimg.goo.ne.jp/user_image/0e/b0/676c8385cd34f1ee19d013a63e46c149.jpg">

<p><span style="color: #0000ff;">この文章の上に画像を表示します。</span></p>

 すると、下のように表示されると思います。

☆☆☆

この文章の下に画像を表示します。

この文章の上に画像を表示します。

☆☆☆

これで画像挿入の手順は、全て完了です！！

少しでも皆さまのお役に立てる部分があれば幸いです

次回は、この画像の大きさを変える方法について、記事を書きたいと思います