[웹 프로그래밍]html 블록 태그와 인라인 태그

 

 

1. 블록 태그는 박스 모델이 컨텐츠(파랑), padding(초록) border(노랑) margin(주황)으로 구성이 되어 있지만, 인라인 태그(span등)는 박스 모델이 컨텐츠뿐이다.

2. 블록 태그는 한 블록을 모두 차지하여 너비는 부모(body)가, 높이는 자식(컨텐츠박스)이 결정한다. 인라인태그는 블록을 차지하지 않으므로 옆으로 줄줄이 나열할 수 있다.

 

3. h1을 스타일링 함으로써 박스(5)에 보이는 margin, border, padding 의 속성(너비, 색깔, 모양 등)을 정할 수 있다.