웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
외부페이지 로그인 연동 [10] | 응삼 | 2011.02.28 |
XE 모듈/스킨 개발시 사용 가능한 변수 알아내기 [3] | 도라란 | 2011.02.27 |
메뉴 클릭시 알림메시지 띄우기 [1] | 도라란 | 2011.02.27 |
xe_member 테이블에서 extra_vars 필드 분리하기... [1] | 맘편한넘 | 2011.02.26 |
XE 검색 속도 향상 팁(확장 변수 검색시) [5] | 명드래곤 | 2011.02.26 |
확장변수 - 주소입력 받을 시 안내문구 출력 [2] | 반디소리 | 2011.02.24 |
글쓴이의 정보 추출해서 게시판 출력하기 [9] | 야호z | 2011.02.24 |
모듈 개발하실때 새로운 버전이 나오면 알림 기능 만들기 [4] | 라르게덴 | 2011.02.24 |
디자인 하시는 분에게 ~ 신기한 팁 (from IE) [2] | 999 | 2011.02.23 |
[중복일수도...] Srl 생성의 비밀???;;? [1] | RainDrop+ | 2011.02.22 |
문자열 처리 함수 + 파일 처리 함수 [1] | 999 | 2011.02.22 |
7일이상 지난 글에 댓글달면 포인트 지급 안하기 [19] | SMaker | 2011.02.21 |
IIS 7용 Rewrite | fsfsdas | 2011.02.20 |
nginx에서 대역폭 제한하기 | fsfsdas | 2011.02.20 |
apache2에서 proxy 설정하기 | fsfsdas | 2011.02.20 |
nginx에서 proxy 설정하기 [2] | fsfsdas | 2011.02.20 |
php5 설정(최적화) | fsfsdas | 2011.02.20 |
MySQL db를 InnoDB로 바꾸기 (MyISAM to InnoDB) | fsfsdas | 2011.02.20 |
리눅스에서 디렉토리, 파일 용량 확인하기 | fsfsdas | 2011.02.20 |
우분투 charset을 euc-kr로 변경하기 | fsfsdas | 2011.02.20 |
<hr> 기본값으로 그림자 있음..
<hr noshade> 그림자 적용 안됨....