HTML :) [중요] inline요소와 block요소의 특징과 태그의 종류

 

goal

inline요소와 block요소의 특징과 태그의 종류를 알아본다.

 

1. HTML태그의 태생, inline요소 vs block요소

---

[1] inline요소와 block요소의 개념 및 태그 종류

용어	설명	태그 종류
용어	설명	태그 종류
inline 요소	줄바꿈이 일어나지 않는 태그 width, height의 속성이 적용x 컨텐츠(content) 내용의 범위만 차지한다.	span, button, img, input, label, script, select, span, strong. textarea 등
block 요소	줄바꿈이 나타나는 태그 width, height의 속성 적용 o - 만약, 따로 width의 속성이 적용이 안 되어있을 때 block속성 태그는한 줄을 모두 차지하게 된다.	div, form, h, header, section, table, ul, video 등