[HTML 기초] HTML 구조 잡기(2)

HTML 구조 잡기(2)

HTML 구조 잡기(2)

 

HTML 구조 잡기 두 번째 시간입니다.

⬆︎

이 부분은 클릭해주면 슬라이더 같이 넘어가죠?
이 부분을 <div class="slider"> </div>라고 지정하고, 이미지 3개가 들어가니<img> 태그로 넣어봤습니다.
<div class="slider">
<div><img></div>
<div><img></div>
<div><img></div>
</div>

 

여기서는 카드가 들어갈 거기 때문에 <div class="cardbox"> </div>로 정합니다.
이번에도 <div class="cardbox">
<div><card></div>
<div><card></div>
<div><card></div>
</div>
로 이뤄집니다.
이렇게 감싸고 있는 형태를 만든다고 보시면 되겠습니다.
이런 원리를 저도 나중에 알았답니다 ㅋㅋㅋ😅😅😅
한 번에 너무 알아도 머리에 다 안 들어오니 오늘은 여기까지.
다음 편에서~!!!