HTML 블록, 인라인

- 모든 태그는 위의 두 분류 중 하나에 속한다.

- 렌더링(Rendering, 태그를 화면에 출력하는 작업) 규칙이 서로 다르다.

---

//블록 레벨 요소, Block Tag

- 자신의 내용물과 앞뒤의 다른 태그의 내용물을 다른 라인에 출력한다.

- 내용물의 크기와 상관없이 한 라인을 독점한다.(너비 100%) 높이는 내용물의 크기와 동일하다.

- 엔터를 치지 않아도 줄바꿈이 된다.

- 간격을 조절할 때 <br> 사용 금지★ > margin을 사용한다.

~ div, h1~h6, p, ul, li, table 등

---

//인라인 레벨 요소, Inline tag

- 자신의 내용물과 앞뒤의 다른 태그의 내용물을 같은 라인에 출력한다.

- 내용물의 크기가 태그의 영역이다.

- 엔터를 치지 않으면 한 줄로 나타난다.

- PCDATA(텍스트)는 인라인 태그로 취급한다.

- 인라인 레벨 요소는 블록 레벨 요소를 포함할 수 없다. 

- 간격을 조절할 때 <br>을 사용한다.

~ span, i, img, em, strong 등