웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
Whois를 이용해서 접속자가 사용하는 ISP출력(한국통신,하나로,두루넷 등등) [6] | 김재경 | 2003.09.23 |
내 홈페이지의 방문자 어디서 접속했을까 알아봅시다
[21]
![]() | 버찌소년 | 2003.10.08 |
알기쉬운 웹용 MySQL 관리도구, phpMyAdmin 설치하기 [10] | 허창원 | 2003.10.11 |
공지사항|일기장 4강 - notice.php 간단한 글보이기 | 시루바 | 2003.10.16 |
include, onload, <span id=...> 다계층메뉴 활용 강좌 [2] | 김병희 | 2003.10.25 |
홈페이지 관리자 모드 구축하기 (HTTP 인증, 중복 맞음)
[10]
![]() | 9000㎒ | 2003.11.01 |
지금은 시스템 점검중 만들기... [8] | zentoo.com | 2003.11.11 |
회원 포인트 랭킹(중복 -_-a)
[4]
![]() | weky | 2003.11.15 |
한꼬마의 제로보드 활용방법 (로그인 값 알아 보기) [3] | 한꼬마 | 2003.11.20 |
한꼬마의 제로보드 이용법 (sql로 테이블 호출) [2] | 한꼬마 | 2003.11.26 |
throttle-me를 이용한 계정 트래픽 나타내기
[39]
![]() | 旻天 | 2003.11.27 |
랜덤 배경음악 만들기. [6] | 폭주나루 | 2003.12.01 |
세션을 이용한 관리자 모드 구축하기 1강(중복?) | 박정호 | 2003.12.09 |
세션을 이용한 관리자 모드 구축하기 2강 [6] | 박정호 | 2003.12.09 |
세션을 이용한 관리자 모드 구축하기 3강 [6] | 박정호 | 2003.12.09 |
카일레라 서버 페이지 만들기. [2] | teslaMINT | 2003.12.09 |
나도 @ 도메인 서비스를 해보자 [29] | 김병철 | 2003.12.19 |
[팁&테크] 텍스트파일에서 디비 입력하기. [1] | 김영진 | 2004.01.09 |
include에서 Failed opening 발생문제 [4] | 이경훈 | 2004.01.10 |
unset / isset 를 알아보자. [2] | 씨파개 | 2004.01.12 |