웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] HTML <Hr>태그에 대해서..
2002.08.23 12:55
홈페이지 중에서 라인을 끗고자 사용할때 사용하는가봐요..^^ 저도 이런것은 잘 사용을 안해봐서..쩝..]
1) 기본태그
-기본 값으로는 <hr> 이라고 사용합니다. 어떤 알파벳의 약자이지는 모르겠네요.
저도 인터넷에서 떠돌아다니면서 혼자 독학으로 터득한것입니다. -_-;
2) 옵션
- hr태그에 따라오는 옵션은 다양합니다. width,color,shadow,상대값과 절대값
3) hr을 이용하자.
- 아주 간단합니다. 그냥 <hr> 이라고 쳐주면 되고요..
예제1> <hr>
- 그리고 또한 '<hr>이것은 Hr태그입니다.' 라고 하였을경우 '이것은 Hr태그입니다.'라는 글자는 자동적으로 <br>태그의 효과를 볼수있어요.
예제2> <hr>이것은 Hr태그입니다.
- 칼라지정
<hr> 태그에도 칼라(색)을 넣을수 있습니다. RGB16진수이든 칼라명이든 다 사용할수 있습니다.
<font color=#RGB코드값></font> 태그에서 color을 사용하듯이.. <hr>태그도 color를 사용할수 있어요.
예제3>
파란색 <hr color="blue"> / <hr color="0000ff">
빨간색 <hr color="red"> / <hr color="ff0000">
검은색 <hr color="black"> / <hr color="000000">
- 크기 지정 (Width)
크기와 높이를 지정할수 있습니다. 이것은 Width의 값과 Height의 값을 사용하는데, 숫자 정수를 사용합니다.
숫자를 사요할때 절대값과 상대값을 가지고 있는데;; 웹브라우저의 크기에 맞게 움직여서 나타나게 한다면..
상대값 (%)를 사용하시고, 그렇지 않고 화면에 따라 움직이겠다고 하면 숫자 절대값을 사용하면 됩니다.
예제4> <hr width="50%"> (상대값)
<hr width="800"> (절대값)
이렇게 사용하면 됩니다.
** 혹시 절대값과 상대값에 대해서 잘아는분은 제 강의 중에 틀린것이라도 있을것입니다.
개념이 확실히 잡히지 않아서 더 자세히는 못하겠네요..^^
- 그림자 주기..
그림자 음영을 넣을려면 Shadow라는것을 사용합니다. 그냥 기본값으로 <hr> 이라고 하면 회색계열의 색상인데;
고의로 <hr shadow> 를 하면 됩니다..^^ 그냥 <hr>과 <hr shadow>하고 차이가 있을꺼에요..
예제5> <hr shadow>
** Shadow라는 것도 오랫만에 사용하네요..옵션을 까먹었어..혹시 잘못되더라도 양해바랍니다.
4) 아무튼 이렇게 사용할수 있습니다. 다양하죠? -_-;
HTML도 3년째인데..다까먹었네요..^^ 다음에도 유용한 시간이 되세요`~
1) 기본태그
-기본 값으로는 <hr> 이라고 사용합니다. 어떤 알파벳의 약자이지는 모르겠네요.
저도 인터넷에서 떠돌아다니면서 혼자 독학으로 터득한것입니다. -_-;
2) 옵션
- hr태그에 따라오는 옵션은 다양합니다. width,color,shadow,상대값과 절대값
3) hr을 이용하자.
- 아주 간단합니다. 그냥 <hr> 이라고 쳐주면 되고요..
예제1> <hr>
- 그리고 또한 '<hr>이것은 Hr태그입니다.' 라고 하였을경우 '이것은 Hr태그입니다.'라는 글자는 자동적으로 <br>태그의 효과를 볼수있어요.
예제2> <hr>이것은 Hr태그입니다.
- 칼라지정
<hr> 태그에도 칼라(색)을 넣을수 있습니다. RGB16진수이든 칼라명이든 다 사용할수 있습니다.
<font color=#RGB코드값></font> 태그에서 color을 사용하듯이.. <hr>태그도 color를 사용할수 있어요.
예제3>
파란색 <hr color="blue"> / <hr color="0000ff">
빨간색 <hr color="red"> / <hr color="ff0000">
검은색 <hr color="black"> / <hr color="000000">
- 크기 지정 (Width)
크기와 높이를 지정할수 있습니다. 이것은 Width의 값과 Height의 값을 사용하는데, 숫자 정수를 사용합니다.
숫자를 사요할때 절대값과 상대값을 가지고 있는데;; 웹브라우저의 크기에 맞게 움직여서 나타나게 한다면..
상대값 (%)를 사용하시고, 그렇지 않고 화면에 따라 움직이겠다고 하면 숫자 절대값을 사용하면 됩니다.
예제4> <hr width="50%"> (상대값)
<hr width="800"> (절대값)
이렇게 사용하면 됩니다.
** 혹시 절대값과 상대값에 대해서 잘아는분은 제 강의 중에 틀린것이라도 있을것입니다.
개념이 확실히 잡히지 않아서 더 자세히는 못하겠네요..^^
- 그림자 주기..
그림자 음영을 넣을려면 Shadow라는것을 사용합니다. 그냥 기본값으로 <hr> 이라고 하면 회색계열의 색상인데;
고의로 <hr shadow> 를 하면 됩니다..^^ 그냥 <hr>과 <hr shadow>하고 차이가 있을꺼에요..
예제5> <hr shadow>
** Shadow라는 것도 오랫만에 사용하네요..옵션을 까먹었어..혹시 잘못되더라도 양해바랍니다.
4) 아무튼 이렇게 사용할수 있습니다. 다양하죠? -_-;
HTML도 3년째인데..다까먹었네요..^^ 다음에도 유용한 시간이 되세요`~
댓글 3
-
엔카일
2002.08.26 06:52
-
kasio
2002.08.23 20:43
<hr size=1 bgcolor=gray></hr> 해주시면 되요.. size=1 로 해주셔야 선 이 깔끔해집니다. -
fox_magi
2002.08.28 13:07
Horizontal Rule
제목 | 글쓴이 | 날짜 |
---|---|---|
벅스 연동 되는 자세한 소스... [6] | 서비 | 2002.09.07 |
벅스 플레이어 소스입니다. [6] | ☺Lifestory™ | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-4 [1] | ZipShin | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-3 [2] | ZipShin | 2002.09.04 |
자바스크립트 없이 브라우저 버전체크 [5] | steelheart | 2002.09.03 |
[HTML 초보자]- 테이블 태그를하자-2 [5] | ZipShin | 2002.09.02 |
초보에게는 골치아픈 배경 위치 정하기... [6] | 유지호 | 2002.09.01 |
[HTML 초보자] 테이블 태그를하자-1 [5] | ZipShin | 2002.08.30 |
[HTML 초보자] marquee 태그 마스터 하기. [5] | ZipShin | 2002.08.27 |
스타일 시트 적용순서 [4] | 판타랏사 | 2002.08.24 |
[HTML 초보자] HTML <Hr>태그에 대해서.. [3] | ZipShin | 2002.08.23 |
[HTML 초보자] 강제개행 <br>태그 엔터효과. [8] | ZipShin | 2002.08.21 |
HTML/CSS/JSCRIPT Reference for IE5.0 and above [5] | 송인석 | 2002.08.20 |
HTML과 CSS 사전을 만들어 보았습니다. [7] | 01CODE.com | 2002.08.20 |
[초보-하드코딩] 소스정리 팁 몇가지... [23] | 안데르센 | 2002.08.19 |
[HTML 초보자] HTML 문단 P태그에 대해서 알아봐요..^^ [5] | ZipShin | 2002.08.18 |
웹 폰트 적용 시키기 - 초보자용 - [13] | 하지메 | 2002.08.18 |
[HTML]::HTML소스를 쉽게! 그대로 표시하게 하잣!! [3] | Smileru™ | 2002.08.17 |
[HTML 초보자] HTML HeadLine태그(H1,H2..) [6] | ZipShin | 2002.08.16 |
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] | 키르(SP) | 2002.08.15 |
<hr> 기본값으로 그림자 있음..
<hr noshade> 그림자 적용 안됨....