HTML HR tag : 가로줄 넣기와 굵기 색상 정렬 등 속성 지정하는 방법

블로그나 웹페이지에 가로줄을 넣는 태그는 <hr>이며, hr은 horizontal rule의 두문자어이다.
<hr>이라고만 간단하게 넣으면 가로줄이 그으진다. 이 때는 블로그나 웹페이지에서 지정한 기본 설정이 적용된다.

[1] 가로줄 넣기 - 기본
<hr>
실제 적용한 모습



[2] 가로줄의 선종류 굵기 색상 지정
가로줄에 속성을 지정하면 아래와 같은 모양이 된다.
<hr style="border: 선종류 선굵기 선색상;">

선종류: solid dotted dashed double groove ridge inset outset 등이 있다
선굵기: 단위는 px, pt, %, em 등을 쓸 수 있다
선색상: red blue black 등과 같이 색상이름을 쓰도 되고, #eeeeee 와 같이 코드로 쓰도 된다

아래의 예에서는 선의 특징을 보이기 위해 선굵기를 10px로 굵게 하였다. 선굵기를 1px와 같이 가늘게 하면 다르게 보이므로 알맞게 조절하여 꾸미면 된다.


[선종류: solid]
<hr style="border: solid 10px red;">
실제 적용한 모습



[선종류: dotted]
<hr style="border: dotted 10px red;">
실제 적용한 모습



[선종류: dashed]
<hr style="border: dashed 10px red;">
실제 적용한 모습



[선종류: double]
<hr style="border: double 10px red;">
실제 적용한 모습



[선종류: groove]
<hr style="border: groove 10px red;">
실제 적용한 모습



[선종류: ridge]
<hr style="border: ridge 10px red;">
실제 적용한 모습



[선종류: inset]
<hr style="border: inset 10px red;">
실제 적용한 모습



[선종류: outset]
<hr style="border: outset 10px red;">
실제 적용한 모습






[3] 가로줄에 길이를 지정하고 정렬하기


[길이를 지정하고 왼쪽 정렬]
<hr align="left" style="border: solid 10px green; width: 50%;">
실제 적용한 모습



[길이를 지정하고 가운데 정렬]
<hr align="center" style="border: solid 10px green; width: 50%;">
실제 적용한 모습



[길이를 지정하고 오른쪽 정렬]
<hr align="right" style="border: solid 10px green; width: 50%;">
실제 적용한 모습



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



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



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

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

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

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

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

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

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



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

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