<HR>
<HR
[SIZE=n]
[WIDTH=n[%]]
[ALIGN=LEFT|CENTER(default)|RIGHT]
[NOSHADE]>
<hr> tag은 브라우저 폭에 맞는 수평 분할선을 그려준다. 몇가지의
attribute를 사용하여 모양을 바꿀 수 있다.
- SIZE
- pixel 단위로 수평선의 두께를 조절한다.
- WIDTH
- 좌우 폭을 결정한다. 뒤에 %가 붙으면 현재 윈도우 크기에 대한
상대적인 크기로 결정된다. %가 없으면 않으면 pixel 단위이다.
- ALIGN
- 좌우폭이 화면 보다 작을 경우, 수평선이 그려질 위치를 정한다.
- NOSHADE
- 그림자 선이 아닌 평범한 선으로 그려진다.
[사용예]
<hr>
<hr noshade>
<hr size=8 width=100>
<hr size=5 width=50% align=right noshade>
|
|
<< 사용팁 >> 그래피컬 HR
어떤 경우, 수평선 뿐만 아니라 부엉이나 몰래보는 눈과 같은 그림이 함께
있는 분할선을 볼 수 있다. 이런 경우는 <hr>을 사용한 것이 아니라
그러한 모습의 그림을 직접 넣어 준 것이다. 그런데, 이 경우 윈도우의
크기에 따라 그림이 너무 크거나 작을 수 있다. 이를 방지하기 위하여
다음 예와 같이 사용하면 된다.
[사용예] - 그림이 eye_bar.gif라는 파일인 경우
<P
align=center><IMG
height=11 width=100% src="eye_bar.gif"></p>
[출력]
현재 브라우저의 창 크기를 조절해 보면 어떠한 특징이 있는 지 알 수 있을 것이다.