| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 227314 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 295504 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 245313 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 243 |
Script
새창 띄우기(펌)
|
오작교 | 25049 | | 2009-02-03 | 2009-02-03 16:05 |
|
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
| 242 |
Script
textarea안에 미리 문구를 넣어두기
|
오작교 | 24745 | | 2007-10-23 | 2007-10-23 17:16 |
|
이름을 입력하세요 textarea onfocus="this.value='';">이름을 입력하세요/textarea>
|
| 241 |
Script
글자 및 이미지에 깜박이는 효과 주기
1
|
오작교 | 24575 | | 2007-10-23 | 2007-10-23 17:08 |
|
<html> <head> <script language="JavaScript"> function doBlink() { var blink = document.all.tags("BLINK") for (var i=0; i < blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" } function startBlink()...
|
| 240 |
HTML
폰트의 색상입니다
|
오작교 | 24441 | 24 | 2006-09-14 | 2006-09-14 10:51 |
|
■ 000000 black 블랙 ■ 2f4f4f darkslategray 다크슬레이트그레이 ■ 708090 slategray 슬레이트그레이 ■ 778899 lightslategray 라이트슬레이트그레이 ■ 696969 dimgray 딤그레이 ■ 808080 gray 그레이 ■ a9a9a9 darkgray 다크그레이 ■ c0c0c0 silver 실버 ■ d...
|
| 239 |
일반
SWF파일 다운받아서 소스보기
3
|
오작교 | 24247 | 36 | 2006-01-29 | 2006-01-29 12:23 |
|
◈ SWF파일 다운받는 방법 1] 태그연습장에 다음과 같이 씁니다 <a href="이곳에 다운받을 swf주소를넣습니다">다운받습니다,오른쪽마우스클릭. 다른이름으로대상 저장합니다. </a> 예)다운받습니다,오른쪽마우스클릭. 다른이름으로 대상 저장합니다. 2] swish ...
|
| 238 |
HTML
배경이미지 고정하기
|
오작교 | 24200 | 19 | 2006-11-29 | 2006-11-29 08:54 |
|
배경을 고정시키는 방법은 Body내에 background=Image를 넣고 bgproperties="FIXED"를 추가한다.
|
| 237 |
일반
배경음악 제어하기
|
오작교 | 24112 | 102 | 2005-11-03 | 2005-11-03 10:14 |
|
▶ 음악연주 ■ 음악멈춤 embed src="https://data.park5611.pe.kr/music/1001/NottiSenzaAmore.wma" hidden=true autostart=false loop=1> a href="javascript:document.embeds[0].play();">▶ 음악연주/a> a href="javascript:document.embeds[0].stop();">■ ...
|
| 236 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 24015 | | 2009-04-30 | 2009-04-30 09:41 |
|
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
| 235 |
Script
움직임이 부드러운 슬라이딩 TIP 버튼
|
오작교 | 23949 | 22 | 2006-05-06 | 2006-05-06 20:33 |
|
문서가 아주 길 경우, 탑버튼을 넣어주어 한번에 위로 올려주는 버튼 만드는 방법 입니다. 우선 아래 소스를 복사하여 js파일을 만듭니다. function back_top() { x = document.body.scrollLeft; y = document.body.scrollTop; step = 2; while ((x != 0) || (...
|
| 234 |
Script
input안에 미리 글자를 넣어놓기
|
오작교 | 23786 | | 2007-10-23 | 2007-10-23 17:14 |
|
input type="text" onfocus="this.value='';" value="이름을 입력하세요">.
|
| 233 |
Script
랜덤 이미지 스크립트
|
오작교 | 23482 | 10 | 2006-05-21 | 2006-05-21 18:40 |
|
<Script Language ="JavaScript"> <!-- function RandomNumber() { var today = new Date(); var num= Math.abs(Math.sin(today.getTime()/1000)); return num; } function RandomGraphics() { var x = RandomNumber(); if (x > .77) {document.write ("<img s...
|
| 232 |
일반
레이어를 이용한 영상시 만들기
2
|
오작교 | 23430 | 98 | 2005-11-05 | 2005-11-05 10:21 |
|
오늘은 레이어를 이용하여 영상시를 만드는 방법에 관하여 한 번 알아 봅니다. 영상시 보기 이 방법을 사용하는 이유는 영상의 배경으로 사용해야 할 이미지가 너무 크거나 작아서 background="이미지주소"의 방법으로 사용하기가 곤란하였던 것을 레이어를 이...
|
| 231 |
HTML
fieldset을 이용한 예쁜 공지창을 만들기
|
오작교 | 23289 | 48 | 2006-09-14 | 2006-09-14 11:14 |
|
예제 오작교 Field 간단한 공지사항으로 사용 기본적인 태그 <fieldset><legend align="center">제목</legend>내용</fieldset> 색상 변경 style="border:1 solid 테두리 색상" 또는 style="border:1 solid; border-top-color: 위쪽색상;border-right-color: ...
|
| 230 |
Script
실행하기 전에 확인하는 스크립트
|
오작교 | 23183 | | 2007-10-23 | 2007-10-23 16:50 |
|
오작교의 홈으로 가기 a href="https://www.park5611.pe.kr" onClick="if(confirm('오작교의 홈으로 갈까요?')){return true;}else{return false;}">오작교의 홈으로 가기/a>
|
| 229 |
Script
보이기 / 감추기 스크립트
|
오작교 | 23101 | | 2007-10-23 | 2007-10-23 16:56 |
|
보이기/감추기 function menu(){ if (ch.style.display == 'none') { ch.style.display = ''; } else { ch.style.display = 'none'; } } // 출력할 내용이 들어갈 부분 // input onclick='menu()' type=checkbox name=chk value='yes' onfocus='this.blur()'>...
|
| 228 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 23013 | | 2009-07-07 | 2009-07-07 16:40 |
|
<style type="text/css"> <!-- h1 { word-spacing:5px; } h2 { letter-spacing:7px; } --> </style> <body> 오작교의 스타일 시트 <h1>word-spacing 속성은 단어사이의 여백 조정</h1> <h2>letter-spacing 속성은 글자사이의 여백 조정 </h2> </body>
|
| 227 |
HTML
iframe 태그 -1
|
오작교 | 22956 | 17 | 2006-10-31 | 2006-10-31 09:57 |
|
iframe 태그란 HTML문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그이며 inline frame의 약자이다. 음...비유하자면 집안의 벽에 창문이 있듯이 홈페이지의 웹문서안에 또 다른 웹문서를 볼 수 있게 창문과 같은 기능을 하는 태그이...
|
| 226 |
Script
복사방지 페이지 프로텍트 풀기
|
오작교 | 22784 | 13 | 2006-05-21 | 2006-05-21 17:57 |
|
마우스-드래그로 텍스트 선택 금지 등의 스크립트로 글의 내용이나 주소를 퍼가지 못하도록 해놓은 페이지를 다시 드래그나 등록정보를 볼수 있게 해주는 스크립트입니다. 즉 마우스 드래그 금지를 해놨다고 해도 이 프로텍트 풀기 스크립트를 사용하시면 마우...
|
| 225 |
CSS
Text Border 속성
|
오작교 | 22687 | | 2009-07-07 | 2009-07-07 17:01 |
|
border속성은 해당요소의 테두리의 스타일을 지정하는 기능을 합니다. margin보다는 좁은 영역을 가지는 데요. border-width 속성은 테두리의 굵기를 지정해주고, border-color 속성은 색상을 , border-style 속성은 스타일을 지정해주는 기능을 합니다. <styl...
|
| 224 |
CSS
컬러와 관련된 속성들 -1
|
오작교 | 22609 | | 2009-07-07 | 2009-07-07 17:04 |
|
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
|
