| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 218151 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 267941 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 234271 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 63 |
일반
레이어를 이용한 영상시 만들기
2
|
오작교 | 20621 | 98 | 2005-11-05 | 2005-11-05 10:21 |
|
오늘은 레이어를 이용하여 영상시를 만드는 방법에 관하여 한 번 알아 봅니다. 영상시 보기 이 방법을 사용하는 이유는 영상의 배경으로 사용해야 할 이미지가 너무 크거나 작아서 background="이미지주소"의 방법으로 사용하기가 곤란하였던 것을 레이어를 이...
|
| 62 |
HTML
글자에 배경넘기
1
|
오작교 | 20628 | 20 | 2006-11-21 | 2006-11-21 17:32 |
|
오작교의 홈을 사랑하시는 여러분 !! font style="BACKGROUND-COLOR: red; COLOR: white">오작교의 홈을 사랑하시는 여러분 !!/font> 오작교도 여러분을 사랑합니다!! font style="font-size:14pt;BACKGROUND-COLOR: 00ffff; COLOR: 000000">오작교도 여러분을...
|
| 61 |
HTML
배경이미지 고정하기
|
오작교 | 20644 | 19 | 2006-11-29 | 2006-11-29 08:54 |
|
배경을 고정시키는 방법은 Body내에 background=Image를 넣고 bgproperties="FIXED"를 추가한다.
|
| 60 |
일반
Fieldset을 이용한 이쁜 공지창을 만들자
|
오작교 | 20778 | 12 | 2006-05-06 | 2006-05-06 19:52 |
|
예제 오작교의 홈 간단한 공지사항으로 사용 기본적인 태그 <fieldset><legend align="center">제목</legend>내용</fieldset> 색상 변경 style="border:1 solid 테두리 색상" 또는 style="border:1 solid; border-top-color: 위쪽색상;border-right-color: 오...
|
| 59 |
일반
스위시 영상에서 글 스크롤 시키기
|
오작교 | 20793 | 94 | 2005-10-10 | 2005-10-10 16:18 |
|
스위시 프로그램으로 영상시를 만드는 것 중에서 클이 스크롤이 되는 효과를 알아 보도록 하겠습니다. 먼저 예제을 한 번 보겠습니다. 클릭 예제보기 클릭 예제소스 받기 제가 가지고 있는 스위시 프로그램이 2004. 08. 23.버젼이기 때문에 그보다 더 낮은 버...
|
| 58 |
Script
새창 띄우기(펌)
|
오작교 | 20857 | | 2009-02-03 | 2009-02-03 16:05 |
|
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
| 57 |
HTML
자주 사용하는 태그들
1
|
오작교 | 20865 | | 2008-09-01 | 2008-09-01 16:06 |
|
(1). <ul>태그를 사용하지 않고 글의 간격(위치) 넣는 소스 <p style="margin-left:270px;"> (2). 이미지 반대로 주는 소스 style="filter:fliph()" (3). 이미지에 명암을 주는 소스 style="filter:blur(direction=135,strength=100)" style="filter:alpha(opa...
|
| 56 |
Script
보이기 / 감추기 스크립트
|
오작교 | 21258 | | 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()'>...
|
| 55 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 21356 | | 2009-04-30 | 2009-04-30 09:41 |
|
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
| 54 |
HTML
textarea에 글자 넣기 및 응용
|
오작교 | 21702 | | 2009-04-30 | 2009-04-30 10:02 |
|
내용을 적어주세요.^^ 내용을 적어주세요.^^ textarea cols=40 rows=5 onClick="this.value=''">내용을 적어주세요.^^/textarea> textarea cols=40 rows=5 onMouseOver="this.value='마우스를 올리면 이렇게.....'" onMouseOut="this.value='마우스가 내려가...
|
| 53 |
HTML
html4와 5의 차이
|
오작교 | 21779 | | 2015-09-13 | 2015-09-13 21:30 |
|
html4와 html5차이 참조 사이트: https://www.webphp.co.kr/bbs/board.php?bo_table=data_01&wr_id=6 *{font-size:12px} .tableList{border-top:solid 1px rgb(19,194,193);border-left:solid 1px rgb(209,209,209);border-right:none;border-bottom:none...
|
| 52 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 21885 | | 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>
|
| 51 |
HTML
마우스를 링크위에 올리면 소리내기
|
오작교 | 22004 | | 2008-01-08 | 2008-01-08 16:02 |
|
일단.. <head>와</head> 사이에 <bgsound src="#" id=msound loop=1 autostart="true"> 집어 넣습니다.. 그리고 <body>와 </body>의 원하는 곳에 아래처럼 링크합니다. <a href="주소" onMouseOver="document.all.msound.src='소리url'">링 크</a> <a href="주...
|
| 50 |
Script
선택된 테이블에 색상 입히기
|
오작교 | 22143 | | 2007-10-23 | 2007-10-23 17:00 |
|
. table width=100 height=30 border=1 bordercolor=000000> tr> td onmouseover="this.style.backgroundColor='ff0000'" onmouseout="this.style.backgroundColor=''"> /td>/tr>/table>
|
| 49 |
HTML
fieldset을 이용한 예쁜 공지창을 만들기
|
오작교 | 22201 | 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: ...
|
| 48 |
일반
배경음악 제어하기
|
오작교 | 22203 | 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();">■ ...
|
| 47 |
Script
iframe의 가로 세로 조정
|
오작교 | 22465 | | 2007-10-04 | 2007-10-04 11:45 |
|
아이프레임을 불러올시 가로 또는 세로 길이가 변경되었을 시 정해진 크기 외의 부분이 짤릴수 있습니다. 이를 해결할 방법으로 불러와 지는 페이지에 <head> 와 </head> 사이에 <script> function window::onload(){ self.resizeTo(document.body.scrollWidth...
|
| 46 |
Script
input안에 미리 글자를 넣어놓기
|
오작교 | 23149 | | 2007-10-23 | 2007-10-23 17:14 |
|
input type="text" onfocus="this.value='';" value="이름을 입력하세요">.
|
| 45 |
HTML
테이블 배경이미지도 크기를 지정해보자
|
오작교 | 23401 | | 2008-02-23 | 2008-02-23 11:42 |
|
DIV style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #fef4e7">table border=0 cellspacing=0 cellpadding=0 style='width:300px; height:100px; filter:progid:DXImageTransform...
|
| 44 |
Script
textarea안에 미리 문구를 넣어두기
|
오작교 | 23630 | | 2007-10-23 | 2007-10-23 17:16 |
|
이름을 입력하세요 textarea onfocus="this.value='';">이름을 입력하세요/textarea>
|
