[HTML] 블록 태그와 인라인 태그의 종류와 차이점 (feat. div와 span)


[HTML] 블록 태그와 인라인 태그의 종류와 차이점 (feat. div와 span)

HTML 태그의 2가지 분류인 'Block' 요소와 'Inline' 요소를 알아보겠습니다. [ Contents ] 1. Block 태그와 Inline 태그 Block(블록): 줄바꿈이 일어나며, 상하로 배치가능 Inline(인라인): 줄바꿈 없이 이어서 출력되며, 좌우로 배치가능 (한 줄에 출력) Block 태그는 항상 '새로운 라인'에서 시작하며, 양 옆에 다른 블록 태그를 배치하지 않고 독점해서 사용합니다. 따라서, 블록 태그가 끝나면 자동으로 줄바꿈이 됩니다. 반면 Inline 태그는 줄 사이(in line)에 배치할 수 있습니다. 블록 태그 내부에 삽입할 수 있으며, 인라인 태그로만 잇따라 한 줄로 사용할 수도 있습니다. 즉 블록 태그와 인라인 태그의 가장 큰 차이점은, '태그가 끝난 뒤, 줄바뀜..


원문링크 : [HTML] 블록 태그와 인라인 태그의 종류와 차이점 (feat. div와 span)