フロントエンドのメインコンテンツに画像や文字を入れていく方法

フロントエンドのメインコンテンツに画像や文字を入れる基本的なコーディングを解説していきます

html

<div class="contents">
 <h3>文字を入れる</h3>
 <div class="contents-item"><img src="画像urlを入れる">
  <p>文字を入れる</p>
 </div> 
 <div class="contents-item"><img src="画像urlを入れる">
  <p>文字を入れる</p>
 </div> 
 <div class="contents-item"><img src="画像urlを入れる">
  <p>文字を入れる</p>
 </div>
 <div class="contents-item"><img src="画像urlを入れる">
  <p>文字を入れる</p>
 </div>
</div>

以上になります。