[HTML] 블록 태그와 인라인 태그

▶ 블록  태그(Block tag) :블록공간을 차지를 차지하는 태그

- 브라우저 왼쪽 끝에서 오른쪽 끝까지 블록 공간을 차지

- 양 옆에 다른 콘텐츠를 배치하지 않고 한 라인을 독점 사용

- 항상 새 라인에서 시작

ex) <div>, <h1> ~ <h6>, <p> , <ol>, <ul>, <li> 태그 등

 

▶ 인라인 태그(inline tag) : 자신의 크기만큼만 공간을 차지하는 태그

- 줄바꿈이 일어나지 않는다

- 블록 속에 삽입되어 블록의 일부로 출력

ex) <span>, <a>, <input>, <label>, <img>, <button> 태그 등

 

 

 

 

<div> 태그와 <span>태그의 사용

 

 

내용 및 이미지 출처: 명품 HTML5 + CSS3 + Javascript 웹 프로그래밍