<body>
</body>
の間のところに画像をいれていきます。
<body>
<div class="images-wrap">
</div>
</body>
まずは画像を入れる箱を用意しました。ここに画像を9枚分追加します。
(画像ファイル名が img1.png、img2.png、...、img9.png の場合で書いているので、ファイル名に合わせて適宜変更してください)
<body>
<div class="images-wrap">
<img class="image" src="img1.png">
<img class="image" src="img2.png">
<img class="image" src="img3.png">
<img class="image" src="img4.png">
<img class="image" src="img5.png">
<img class="image" src="img6.png">
<img class="image" src="img7.png">
<img class="image" src="img8.png">
<img class="image" src="img9.png">
</div>
</body>
これでHTMLの準備は完了です。
画像が正しく表示されているか確認してみてください。
この段階では、上から9つが縦に並んでいるだけの状態です。
ここからstyle.cssファイルを更新して、きれいに並べていきます。