HTML 줄바꿈(br 태그), 문단지정(p 태그), 영역지정(div 태그), 범위지정(span 태그) 차이점 비교


<br />태그의 br은 break(Line break)의 약자로서, 줄을 바꾼다는 뜻이고,
<p> </p>태그의 p는 paragraph의 두문자어로 '문단'이란 뜻이다.

<div> </div>의 div는 division의 약자이며, '영역을 나눈다'는 뜻이고,
<span> </span>의 span은 '무엇이 적용되는 범위'라는 뜻이다.

쓰임의 목적으로 보면,
br태그는 하나의 문단안에서 줄을 끊어서 줄바꿈을 하는 것이 목적이고,
p태그는 문단과 문단을 나누는 것이 목적이다.
div태그는 하나의 페이지 안에서 영역을 나누는 것이 목적이고,
span태그는 줄을 바꾸거나 영역을 나누지 않고 일정한 범위를 지정하여 속성을 주는 것이 목적이므로, 줄바꿈을 하지않은 채 글꼴, 색상, 여백 등을 조절할 때 주로 사용된다.

태그를 넣는 위치로 보면,
br태그는 줄을 끊어 바꾸고자 하는 위치에 넣게되며,
p태그는 하나의 문단을 p태그로 싸게 되므로 <p>하나의 문단</p> 모양이 되고,
div태그는 하나의 영역을 div태그로 싸게 되므로 <div>하나의 영역</div> 모양이 되고,
span태그는 일정한 범위를 sapn태그로 싸게 되므로 <span>일정한 범위</span> 모양이 된다.

줄바뀜 측면에서 보면,
br태그는 줄바뀜이 한 번 일어나고
p태그는 줄바뀜이 한 번 일어나되, 문단사이에 빈줄이 들어가므로, br태그가 두 번 들어간 것과 같은 모양이 된다. 즉, 줄바뀜이 두 번 일어나는 셈이다.
div태그는 줄바뀜이 한 번 일어나므로, div영역과 바깥과의 사이에 여백이 없다.
span태그는 줄바뀜이 일어나지 않는다.

태그에 주는 속성으로 보면,
br태그는 쓰임상 속성이 아주 단순하지만,
p태그, div태그, span태그는 태그로 싸인 부분에 다양한 속성과 스타일을 줄 수 있다.


br태그 예)
이 문장은 br태그의 앞쪽에 있는 문장이다.<br />이 문장은 br태그 뒤쪽에 있는 문장이다.
이 문장은 br태그의 앞쪽에 있는 문장이다.
이 문장은 br태그 뒤쪽에 있는 문장이다.

p태그 예)
<p>이 문단은 p태그로 감싼 첫 번째 문단이다.</p><p>이 문단은 p태그로 감싼 두 번째 문단이다.</p>
이 문단은 p태그로 감싼 첫 번째 문단이다.

이 문단은 p태그로 감싼 두 번째 문단이다.

br태그를 연속으로 주면 p태그와 같은 결과가 된다.
"이 문장은 br태그 앞쪽의 문장이다.<br /><br />이 문장은 br태그 뒤쪽의 문장이다."
이 문장은 br태그 앞쪽의 문장이다.

이 문장은 br태그 뒤쪽의 문장이다.

div태그 예)
이 부분은 div태그 앞에 있는 문장이다.<div>이 문장은 div태그 속에 들어간 문장이다.</div>
이 부분은 div태그 앞에 있는 문장이다.
이 문장은 div태그 속에 들어간 문장이다.

span태그 예)
이 부분은 span태그 앞에 있는 글이고, <span>이 부분은 span태그 안에 있는 글이다</span>
이 부분은 span태그 앞에 있는 글이고, 이 부분은 span태그 안에 있는 글이다
※ span태그에 아무런 속성을 주지 않았기 때문에, 외관상으로는 span태그가 없는 것과 차이가 없다.


>> HTML 태그 사용법 목록: DIV P SPAN IMG A HR FONT BR ...
주인으로 삽시다 !
우리 스스로와 사랑하는 후세대를 위하여 !
사람(人) 민족 조국을 위하여 !!



《조로공동선언 : 2000년 7월 19일 평양》
반제자주 다극세계 창설 - 공정하고 합리적인 국제질서 수립



>> 조선 땅을 점령함 : 점령자(침략자) 미제국 맥아더 포고령

>> 한국인 마루타 : 주한미군 세균전 실체

>> 강제 백신(예방) 접종 : 강제 인구감축 대량학살 무기

>> 끊임없이 전쟁을 부추기는 피아트 머니 - 사기.착취.략탈.강탈 도구

>> 현금금지(캐시리스) 전자화폐(CBDC 씨비디씨) 특별인출권(에스디알)

>> 미국 달러 몰락, IMF SDR 특별인출권 국제기축통화 부상과 금

>> 딮 스테이트 : 그레이트리셋, 유엔 아젠다 2030, 2021, SDG 17, 아이디 2020, 4차산업혁명, 세계경제포럼, 세계화, 신세계질서, 세계단일정부, 세계재편



민족자주 승리에 대한 굳건한 믿음으로, 한미동맹파기! 미군철거!!

주권主權을 제 손에 틀어쥐고, 주인主人으로서 당당하고 재미나게 사는 땅을 만들어, 우리 후세대에게 물려줍시다.