블록 태그

• 라인의 끝까지 적용되고, 엔터가 적용됨
• 블록 태그 내부에는 인라인 태그가 올 수 있다.
• 블록 태그 내부에 다른 블록 태그가 올 수도 있고 그렇지 않을 수도 있다.
• <div>, <table>, <h1>~<h6>, <hr>, <p>, <form>, <ol><li>, <ul>, <dl>, <dt>, <dd>, <pre>, …
• header, section, nav, aside, footer: 페이지의 레이아웃을 잡는 태그 ← 시멘트릭 태그
• 기본 width: 100% (table 태그는 내용이 들어가는 만큼)
• 기본 height: auto ← 내용물에 따라 맞추어서 적용됨
• width, height를 지정할 수 있다.
• 페이지 레이아웃 잡을 때 사용
• margin, padding ← 4가지 방향으로 적용됨(위, 오른쪽, 아래쪽, 왼쪽)

인라인 태그

• 태그가 붙어서 출력
• 인라인 태그 내부에는 블록 태그를 넣을 수 없다.
• <span>, <a>, <br>, <em>, <strong>, <input>, <label>, <img>
• 기본 width: auto, 기본 height: auto
• width, height를 지정할 수 없다. (내용물에 맞추어 적용)
• margin, padding ← 왼쪽, 오른쪽만 적용됨