HTML 요소의 표시 공간

• 라인 블록 요소 : <div>, <hn>, <p>, <pre>, <ul>, <ol>, <table>, <form>, ...
  • 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지
  • <div>요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다.
  • <div>요소는 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용됩니다.
• 인라인 블록 요소 : <span>, <a>, <img>, <input>, <select>, ...
  • 인라인(inline)인 요소는 새로운 라인(line)에서 시작하지 않습니다.
  • 요소의 너비도 해당 라인 전체가 아닌 해당 HTML 요소의 내용(content)만큼만 차지합니다.
  • <span>요소는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소입니다.
  • <span>요소는 주로 텍스트의 특정 부분에 따로 스타일을 적용하기 위해 사용됩니다.
• <div>와 <span> 테그의 같은 점은 범위를 지정한다는 것이 같고 <div>태그는 표시 공간을 라인블럭으로 지정하고, <span>태그는 표시 공간을 인라인 블럭으로 지정한다.