6. 그룹 짓기

-HTML 코드를 작성하다 보면 관련있는 요소를 묶어야 할 때가 생김

-비슷한 것끼리 묶으면 레이아웃 구성이 쉬워지고 페이지가 깔끔해 보임

- 관련 있는 요소끼리 그룹 짓는 작업을 공간 분할이라고 함

-상기할 태그를  공간 분할 태그라고 함

1.div 태그

- 블록 요소와 인라인 요소를 그룹으로 묶을 때 사용

<!--형식-->
<div></div>

<!--예시-->
<div class="movie">
	<p>영화 소개</p>
	<p>영화를 소개합니다!</p>
</div>
<div class="anime">
	<p>애니 소개</p>
	<p>이번 분기 신작 애니를 소개합니다!</p>
</div>

2.span 태그

- 인라인 요소를 그룹으로 묶을 때 사용

<!--형식-->
<span></span>

<!--예시-->
<p>이번 분기 명작은 역시 <span>리코리스 리코일</span>이지!</p>

-이렇게 리코리스 리코일 부분만 그룹으로 묶으면 그 분할된 요소에만 CSS스타일을 적용할 수 있다.