HTML 블록레벨 요소, 인라인 요소

1.      블록 요소

• DIV, H1, P etc..

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

• 크기를 지정할 수 있다.

• Width 100, height 0으로 시작

• 위에서부터 아래로(수직으로) 쌓임

• Margin, padding 상하좌우로 사용이 가능하다.

• 레이아웃

• Display: inline ->블록 요소를 강제로 인라인 요소로 바꿈

 

2.      인라인 요소

• SPAN, IMG etc..

• 자신에게 속한 요소에 대해서만 너비를 사용한다.

• 크기를 지정할 수 없다.

• Width 0, height 0 으로 시작

• 좌에서 우로(수평으로) 쌓임

• Margin, padding 상,하는 사용 불가능하다.

• Text

• Display: block ->인라인요소를 강제로 블록 요소로 바꿈

 

<meta>

-base link script style title 등과 같이 다른 메타 관련 요소로 나타낼 수 없는 메타 데이터 표현

ex)<meta charset="utf-8">

EUC-KR : 완성형 ex)김 어 진

UTF-8 : 조합형 ex) ㄱ ㅣ ㅁ ㅇ ㅓ ㅈ ㅣ ㄴ

 

 

https://heropy.blog/2019/05/26/html-elements/

한눈에 보는 HTML 요소(Elements & Attributes) 총정리