웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
▩(a href=#) 대신에 쓸수 있는 스타일 태그
2002.02.22 20:03
a href=#>링크</a> 이런 방식을 쓰면 사실.. 편리하죠.
근데.. 뒤로 버튼을 누르면 # 이전으로 가는거지.. 페이지의 뒤로 가는 것은
아닙니다.
그래서..
<p style="CURSOR: hand" onclick=window.location='http://www.yahoo.co.kr'>야후</p>
이건.. 링크하는 방법..
<p style="CURSOR: hand" onclick=window.open("http://www.yahoo.co.kr","newwin")>야후</p>
이건 새창을 띄우는 방법..
<p style="CURSOR: hand" onclick=top.타겟플레임명.location="http://www.yahoo.co.kr">야후</p>
이건 타겟을 지정하는 방법..
쉽죠? ^^; 여러군데 응용할수 있는 방법이니.. 자주 써먹어보세요~
참고로 위의 방법은 <p>테그뿐만 아니라.. 열의별 테그에 다 먹힙니다.
<td>, <tr>, <table>, <b> 아무 테그나 다 될껍니다. 공간을 차지하는 테그라면요..
- 출처: http://www.dhtmldot.com/
근데.. 뒤로 버튼을 누르면 # 이전으로 가는거지.. 페이지의 뒤로 가는 것은
아닙니다.
그래서..
<p style="CURSOR: hand" onclick=window.location='http://www.yahoo.co.kr'>야후</p>
이건.. 링크하는 방법..
<p style="CURSOR: hand" onclick=window.open("http://www.yahoo.co.kr","newwin")>야후</p>
이건 새창을 띄우는 방법..
<p style="CURSOR: hand" onclick=top.타겟플레임명.location="http://www.yahoo.co.kr">야후</p>
이건 타겟을 지정하는 방법..
쉽죠? ^^; 여러군데 응용할수 있는 방법이니.. 자주 써먹어보세요~
참고로 위의 방법은 <p>테그뿐만 아니라.. 열의별 테그에 다 먹힙니다.
<td>, <tr>, <table>, <b> 아무 테그나 다 될껍니다. 공간을 차지하는 테그라면요..
- 출처: http://www.dhtmldot.com/
댓글 3
-
주영택
2002.02.23 14:11
^^ 요즘 저도 이걸루 쓰는게 편해서. -
nTruth
2002.02.23 19:55
새창 띄우는것은 window.open을 많이 쓰겠죠? -
세DlCIZLOI너
2002.09.18 19:27
제가 잘못써서 그런지 몰라도 님이 한것처럼 링크시키면
글자부분 외에도 그줄 전체가 링크가 걸리던데...
어케 답변좀 부탁드려요
제목 | 글쓴이 | 날짜 |
---|---|---|
(table)에서 HTML 태그를 적용시켜 보기 [16] | 정후니 | 2001.08.31 |
[1차패치] 내 msn 현재상태를 보여주자! + 캡처없앰 -ㅂ- [18] | 티르 | 2002.01.04 |
홈페이지에 Fade-in 적용하기~ [5] | remy | 2002.01.08 |
웹사이트 로딩속도 높혀주는 10가지 방법 [32] | 秀 | 2001.07.25 |
CSS에 클래스에 관한거 추가 [4] | DearMai | 2002.02.21 |
CSS 와 HTML 과 연결하기 [5] | Topy | 2002.02.21 |
▩HTML 최적화 기법 [3] | ▩윤미 | 2002.02.21 |
msn 메신저 내 홈에서 채팅창과/대화상대 추가하기를 넣어보장! [8] | 카멜롯™ | 2002.02.21 |
브라우저 입력 창에 나만의 아이콘 띄우기 [2] | Topy | 2002.02.22 |
▩(a href=#) 대신에 쓸수 있는 스타일 태그 [3] | ▩윤미 | 2002.02.22 |
페이지 스크롤 - 네개의 레이어를 이용한겁니다
[4]
![]() | choice | 2002.02.25 |
[스타일시트] 스타일 시트의 개념 [4] | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #1 | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #2 [1] | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #3 | 태엽감는새 | 2002.02.26 |
마퀴(Marquee)태그를 애플릿처럼 부드럽게 움직이기!! [4] | 지진;) | 2002.03.04 |
특수문자 몇백개!! [2] | 포터시네마 | 2002.03.08 |
아름지기식 홈페이지만들기1 [4] | 아름지기 | 2002.03.09 |
아름지기식 홈페이지만들기2 [1] | 아름지기 | 2002.03.09 |
아름지기식 홈페이지 만들기3 [6] | 아름지기 | 2002.03.09 |