통합검색
제목+내용
제목
내용
처음으로
방명록으로
게시판으로
쓸만한 곳간으로
잊혀진 시간으로
테마음악방으로
윈도우7, 비스타
태그 강좌
HTML등
포토샵
태그 사전
태그 연습장
문자 태그
마퀴태그
스크롤바 생성기
테마음악방
로그인
로그인 유지
회원가입
ID/PW 찾기
인증메일 재발송
HTML등
포토샵
2024.
05
일
월
화
수
목
금
토
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
글 수
303
회원가입
로그인
a href="#" 사용을 할 때 유의사항
오작교
https://park5611.pe.kr/xe/Study_02/318502
2011.01.24
10:34:44 (*.204.44.5)
31725
Script
목록
가끔
<a href="#" OnClick="Javascript:window.open('https://,,,
이하 생략" 를 부득이 사용할때가 있습니다.
위와 같이 사용하게 되면 클릭시에 "새로고침"이 되서 페이지 전체가 상단(top)으로 이동을 하게 됩니다.
그걸 방지하기위해서
<a href="#" 대신에 <a href="javascript:;"
요렇게 사용하면 해결이 됩니다.
이 게시물을
목록
번호
분류
HTML (68)
CSS (74)
Script (87)
Swish (3)
일반 (54)
PHP (16)
글쓴이
조회 수
추천 수
날짜
최근 수정일
공지
HTML
HTML 기초 다지기
4
오작교
204132
2008-06-17
2010-08-19 13:08
공지
HTML
HTML과 CSS의 종합 정리
1
오작교
219897
2007-10-01
2010-08-19 12:45
공지
일반
스타일시트의 총정리
오작교
218950
14
2006-09-14
2010-08-19 12:45
303
window.open() 사용례
오작교
3089
2023-12-10
2023-12-10 09:32
<!DOCTYPE html> <html> <body style="display: flex; flex-direction: column; justify-content:center; align-items:center;"> <div class="container" style="position: relative; text-align: center;"> <h1 style="color: rgb(18, 154, 18);"> GeeksforG...
302
Script
window.open() 함수 사용법
오작교
4130
2023-12-10
2023-12-10 09:29
웹브라우저에서 새창을 열기 위해서 가장 간단히 사용할 수 있는 방법이 자바스크립트 window 객체의 open() 함수를 사용하는 것입니다. 1. 문법(Syntax) var ret = window.open(url, name, specs, replace); 1.1. 반환값(ret) 새로 만들어진 창 객체가 반환...
301
CSS
스크롤바 디자인 하기
1
오작교
8221
2021-01-09
2022-02-02 11:30
scroll bar 디자인::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */ ::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */ ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */...
300
CSS
칼라에 관한 스타일시트-1
1
오작교
9657
18
2006-05-06
2006-05-06 10:27
이번 강좌에서는 컬러와 관련된 스타일 시트에 대해서 알아보도록 하겠습니다. 컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있...
299
CSS
스타일 시트를 계속 사용하지
오작교
10140
17
2006-05-06
2006-05-06 20:21
<style>에서 </style>까지를 복사하여 style.css(예)로 저장합니다. (파일명은 마음대로..) 스타일시트가 필요한 문서를 열고 <head>와 </head>사이에 아래의 태그를 붙입니다. <link rel="stylesheet" type="text/css" href="style.css"> 그러면 style.css 하...
298
CSS
투명한 아이프레임 만들기
오작교
10314
28
2006-04-17
2006-04-17 15:53
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
297
CSS
alpha filter에 사용되는 용어들
오작교
10386
2008-09-08
2008-09-08 14:11
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
296
CSS
Filter Grow 적용하기
오작교
10605
25
2006-05-06
2006-05-06 20:23
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
295
CSS
스타일 시트 활용(4) - 커서 모양을 마음대로
오작교
10624
12
2006-04-17
2006-04-17 16:13
여러분들이 웹서핑하다가 링크가 걸려있는 글이나 이미지에 마우스를 올려 놓으면 커서 모양이 손가락으로 변하지요? 근데 링크 말고도 글에서 특정부분이나 링크가 안 걸려져 있는 이미지에 마우스를 올려놓으면 커서 모양을 손가락 모양은 물론 모래시계 모...
294
CSS
Font의 속성값-2
오작교
10632
25
2006-05-06
2006-05-06 10:18
☞ padding-top , padding-left , paddding-bottom , padding-right 앞페이지에서 배운 margin하곤 비슷한 기능인데요...역시 여백조정 속성입니다. 그러나 padding속성은 margin속성에 비해 글자나 요소간에 겹치게 할 수가 없답니다. margin보다는 그리 많이 ...
293
일반
Target의 속성
1
오작교
10638
20
2006-05-06
2006-05-06 09:27
※ target 속성 타겟 속성은 링크태그와 밀접한 관계에 있는 속성입니다. 특히 프레임 태그에서는 초보분들이 가장 많이 어려워하시는게 이 target 속성이랍니다. 일단 여기에서는 매직타겟에 대해서만 배워보도록 하겠습니다. 매직타겟이란 별도의 name 지정없...
292
CSS
스타일 시트 위치지정과 레이어
1
오작교
10677
16
2006-05-06
2006-05-06 10:29
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
291
CSS
스타일 시트 활용(1) - 문서의 가독성을 높여 보자
오작교
10688
25
2006-04-17
2006-04-17 16:08
여기에서는 행간과 글자크기 그리고 폰트 조절로 홈페이지의 가독성을 높이는 방법을 알아볼까 합니다. 글의 행간을 조절하면 홈페이지에 가독성이 좋아집니다. 글이 따닥따닥 붙어 있는것 보다두 말이지요 자 이부분의 글자 간격을 보세요 너무 글이 딱딱 붙...
290
CSS
스타일시트 -1
오작교
10693
17
2006-04-17
2006-04-17 16:03
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
289
CSS
배경 고정시키기
오작교
10701
15
2006-04-17
2006-04-17 16:14
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
288
CSS
스타일 시트 총정리
오작교
10716
16
2006-05-06
2006-05-06 20:08
===== 스타일시트(css) 정리 ===== 속성 의미 Font 속성 Font-size 글자의 크기 Font-family 글꼴의 종류 Font-weight 글자의 두께 - normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Font-style 글자의 모양 - norm...
287
CSS
여러방법의 창닫기
오작교
10771
23
2006-04-16
2006-04-16 21:41
<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987"> <STYLE>BODY { FONT-SIZE: 12px } TD { FONT-SIZE: 12px } </STYLE> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <BODY> <TABLE cellSpacing=1 cel...
286
CSS
스타일 시트 (2) - 예제를 통해 감을 잡자
오작교
10841
15
2006-04-17
2006-04-17 16:04
앞에서도 살펴보았듯이 스타일 시트는 양식과 구조를 분리하는 특징을 가지고 있습니다. 여기에서는 한 문서내에 스타일 시트를 적용하는 예를 보여 드렸지만 스타일시트를 사용하면 사이트에 모든 페이지를 하나의 CSS 문서로 컨트롤 할 수도 있습니다. 지금...
285
CSS
Font의 속성값
오작교
10841
35
2006-05-06
2006-05-06 10:17
☞ text-align , text-indent text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 ...
284
일반
이미지와 글자정열
1
오작교
10862
12
2006-05-06
2006-05-06 20:14
기본적으로 이미지를 넣고 그 옆에 글자를 넣게 되면 아래로 정렬이 됩니다 상황에 따라서는 바꿔야 할 필요가 있으므로 여러 가지 정렬방식을 알아두는 것도 필요합니다 아무것도 사용하지 않은 기본 정렬입니다 이미지 아래와 똑같은 위치에 놓이게 됩니다 ...
목록
쓰기
첫 페이지
1
2
3
4
5
6
7
8
9
10
끝 페이지
제목+내용
제목
내용
댓글
이름
닉네임
아이디
태그
검색
취소
Close Login Forms
XE Login
아이디
비밀번호
로그인 유지
회원가입
ID/PW 찾기
인증메일 재발송