HTML-Block and Inline 1

---

※ 주의 !

이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 

문제가 있다면 말씀 부탁 드리겠습니다.

---

 

안녕하세요 Gon 입니다.

 

HTML에는 요소를 화면에 표시하는 두가지 방법이 있습니다.

 

바로 Block 와 Inline 입니다.

 

그리고 모든 요소들은 모두 Block 과 Inline 둘중의 하나의 속성을 가지고 화면에 표시하게 됩니다.

 

Block 속성을 가진 요소                                                                                                                                                 

 

Inline 속성을 가진 요소

 

차이점이 느껴지시나요?

 

정리하자면 다음과 같습니다.

 

Block

• 항상 줄넘김을 합니다

• 항상 사용가능한 전체 폭만큼의 공간을 가집니다

• Block의 요소는 '여백'을 설정할 수 있습니다.

Inline

• 줄넘김을 하지 않습니다.

• 항상 필요한 너비많큼만의 공간을 가집니다.

 

 

모든 요소들은 각각 Block 속성과 Inline 속성을 가지고 있습니다.

 

이러한 특성을 잘 이용한다면 HTML내에서 조금더 가독성이 좋은 전자문서를 만들 수 있을 것 입니다.

 

다음글에서는 이 속성만을 이용하는 div와span 태그에 대하여 적어보도록 하겠습니다.

 

감사합니다.

 

Gon