모든 HTML 태그들은 각 태그의 용도에 따른 default display value(기본 표시 값)를 가진다. 이때 default display value는 블록 레벨 요소(Block-level Elements)와 인라인 레벨 요소(Inline-level Elements) 두 가지 범주로 나뉜다.
예를들면 <div>태그는 블록 레벨 요소이고, <span>태그는 인라인 레벨 요소이다.
<div> Division
<div> 태그는 Division 즉! 분할, 분배, 분류를 뜻합니다. HTML 안에 존재하는 여러 개의 태그들을 <div> 라는 큰 단위로 묶어주는 컨테이너 같은 역할을 합니다.
<span>
<span> 태그도 <div> 태그와 같이 여러 개의 태그들을 묶어주는 주머니 역할을 합니다.
블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다. <h1>~<h6> <ol> <ul> <li> <p> 태그 등이 블록 요소에 속한다.
인라인 레벨 요소는 콘텐츠의 흐름을 끊지 않고(줄바꿈X), 요소를 구성하는 태그에 할당된 공간만 차지합니다. <a> <em> <img> <span> 태그 등이 인라인 요소에 속한다.