HTML / 개요, 요소 - 주요범위 & 메타데이터

 블록레벨(Block level) 요소와 인라인(Inline) 요소

 

1. 블록 요소

   1. DIV, H1, P

   2. 사용가능한 최대 가로 너비를 사용한다

   3. 크기를 지정할 수 있다. (변경 가능)

   4. (width : 100%;, height : 0; 으로 시작) -> div가 이 값을 가지는게 아니다(이 값에서 출발해서 요소가 완성)

   5. 수직으로 쌓임

   6. margin, padding 위, 아래, 좌, 우 사용 가능

   7. 레이아웃 잡는 용도

   8. display : block이 기본값

2. 인라인 요소

   1. SPAN, IMG

   2. 필요한 만큼의 너비만 사용한다.

   3. 크기를 지정할 수 없다. (변경 불가)

   4. (width : 0; height : 0; 으로 시작)

   5. 수평으로 쌓임(띄어쓰기가 눈에 보여짐)

   6. margin, padding 위, 아래는 사용할 수 없다

      • 밑에 여백이 추가 된 것처럼 보이지만 실질적인 거리를 만들어내진 못함

   7. TEXT 다룰 때 사용

   8. display : inline이 기본값

 

 

 

 

참고 : norux.me/63