[HTML] 2. 텍스트 표현 - 콘텐츠 그룹핑

인라인 요소와 블록 요소

인라인 요소	블록 요소
텍스트 요소 → 기존 내용에 이어서 작성됨	문서 구조 요소 → 새로운 행에 작성됨
입력 내용 만큼의 공간을 차지해서 내용을 표시	하나의 줄을 전부차지해서내용을표시
줄바꿈이 수행되지 않아 앞뒤내용이 이어져서 한줄에	자동으로 줄바꿈 수행
<span>, <img>, <strong>, …	<div>, <p>, <h1>,…

콘텐츠 컨테이너로서 <div> 및 <span> 태그

<div> 태그	<span> 태그
블록 요소	인라인 요소
HTML 요소를 묶어 하나의 논리적인 단위의 영역을 구성	텍스트를 위한 컨테이너
논리적으로 구분된 대량의 내용에 대해 CSS 스타일 또는 전체 페이지의 공간을 분할하여 레이아웃을 구성하는데 사용	텍스트의 일부에 대해 CSS 스타일 지정 또는 자바스크립트에서 조작할 유용