HTML - 블록레벨(Block level) 요소와 인라인(Inline) 요소
1.블록 요소
div,H1,P
; 사용 가능한 최대 가로 너비를 사용함
; 크기를 지정할 수 있음
; width:100%, height: 0% 로 시작
; 수직으로 쌓임
; margin, padding 위,아래,좌,우 사용가능하다.
; 레이아웃
글자가 입력 된 경우 0에서부터 시작하면
높이가 입력된 글자 만큼만 커짐
2.인라인 요소
SPAN,IMG
; 필요한 만큼의 너비를 사용함
; 크기를 지정할 수 없음
; width:0%, height: 0% 로 시작
; 수평으로 쌓임
; margin,padding 좌,우만 사용 가능(위,아래는 사용할수 없음)
; TEXT
줄바꿈 시 : 띄어쓰기 적용됨
안녕하세요! 안녕하세요! 안녕하세요!
<span>안녕하세요!</span>
<span>안녕하세요!</span>
<span>안녕하세요!</span>수평으로 작성 시 : 띄어쓰기 없이 붙여서 적용됨
안녕하세요!안녕하세요!안녕하세요!
<span>안녕하세요!</span><span>안녕하세요!</span><span>안녕하세요!</span>
글자가 입력된 만큼의 가로,세로가 커짐
Enjoy✿