ホームページテンプレートのdecoweb > 編集方法 > 本文にあるサンプル画像の位置を変えたい

本文にあるサンプル画像の位置を変えたい

画像を違う場所へ表示させたい方法を教えます!

Step1

本文の中にあるサンプル画像の位置を入れ替えてみよう!

本文にあるサンプル画像の位置を変えたい方法イメージ図

HTML文章をみると、『<!-- ▼ここから本文 -->』の間に画像を挿入しているHTML文章があるよ。

本文にあるサンプル画像の位置を変えたい方法イメージ図

Step2

まずは、この『<img src=”my_images/picture1.jpg” alt=”BE@RBRICK” />』文章を本文の中で好きな場所に配置してね。

【例 】一つ前の文章と文章の間に画像を変更。

本文にあるサンプル画像の位置を変えたい方法イメージ図

HTML文章の『<img src=”my_images/picture1.jpg” alt=”BE@RBRICK” />』を上の『</p>』と『<p>』の間へ移動してね。(※後ろにある改行を意味する『<br />』は削除してね。)

  • 『<p></p>』は段落を表しているよ。

本文にあるサンプル画像の位置を変えたい方法イメージ図

本文にあるサンプル画像の位置を変えたい方法イメージ図

Step3

編集が終わったら、『ファイル』の『上書き保存』をクリックして、『index.html』をダブルクリックすると画像の位置が変わってるよ。

本文にあるサンプル画像の位置を変えたい方法イメージ図

わかったかな?これで、本分の中で好きな位置に画像を入れることが出来るよ!
画像をオリジナルに変更すれば、あなただけのホームページが出来るよ。