[SW코딩] 핵심 HTML/CSS 기초 - 01. HTML 태그의 두 가지 성격

04 HTML 태그의 두 가지 성격

 

 공간을 점유하는 특징에 따라 Block요소와 Inline요소로 구분된다.

 

• 두 요소를 구분짓는 세 가지 주요 특징 

1. 줄바꿈 현상
2. 가로 · 세로 배치
3. 상 · 하 배치

 

• Block 요소

y축 정렬 형태로 출력, 줄바꿈이 일어난다.

Block 요소들을 사용하면 공간을 만들 수 있고 상하 배치 작업이 가능해진다.

 

• Inline 요소

x축 정렬 형태로 출력되어 한 줄에 출력이 된다.

Inline 요소들을 사용하면 공간을 만들 수 없고 상하 배치 작업이 불가능해진다.