| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 205876 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 221659 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 220746 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 262 |
CSS
테이블 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 11907 | | 2008-09-08 | 2008-09-08 14:07 |
|
buty buty buty buty buty buty buty buty .
|
| 261 |
CSS
alpha filter에 사용되는 용어들
|
오작교 | 10578 | | 2008-09-08 | 2008-09-08 14:11 |
|
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
|
| 260 |
Script
새창 띄우기(펌)
|
오작교 | 17024 | | 2009-02-03 | 2009-02-03 16:05 |
|
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
| 259 |
Script
창 닫기(펌)
|
오작교 | 15429 | | 2009-02-03 | 2009-02-03 16:06 |
|
本(헉.....한자당!) 페이지에서는 자바스크립트의 간단한 기능을 이용하여 아주 효율적인 효과를 나타낼 수 있는 방법을 알아보겠습니다. 웹서핑을 하다보면 버턴을 클릭하면 창이 자동으로 닫히거나 이전 페이지로 가기도 하고 앞 페이지로 가기도 하는 걸 많...
|
| 258 |
Script
자바 스크립트에서 자주 사용되는 이벤트들
|
오작교 | 14287 | | 2009-02-26 | 2009-02-26 19:30 |
|
■ JavaScript에서 자주 사용되는 Event들... EVENT EVENT 내용 OnLoad 현재의 페이지가 로딩되었을 경우 OnUnload 현재의 페이지에서 다른 페이지로 이동할 경우 OnError 현재의 페이지를 읽는 중에 JavaScript Error가 발생할 경우 OnAbort 이미지를 읽는 도...
|
| 257 |
Script
키보드를 사용할 수 없게 하자
|
오작교 | 15039 | | 2009-04-14 | 2009-04-14 15:52 |
|
키보드를 눌러보세요.. script language="JavaScript"> !-- function keypressed() { alert("키보드는 사용할 수 없습니다."); } document.onkeydown=keypressed; // /script>
|
| 256 |
HTML
Fieldset이용하기
|
오작교 | 15643 | | 2009-04-17 | 2009-04-17 01:06 |
|
fieldset를 이용하면 테두리를 여러모로 유용하게 이용할 수 있습니다. 겉보기에는 테이블과 별 차이가 없어 보이지만 약간 다릅니다. 한 칸으로 구성된 박스를 만들 때 테이블을 사용하면 tr 이나 td 도 따로 넣어야 하는 수고가 따르지만, fieldset 은 그런...
|
| 255 |
CSS
Text에 MouseOver 적용하기
1
|
오작교 | 14768 | | 2009-04-17 | 2009-04-17 01:13 |
|
오작교의 홈 오작교의 홈 오작교의 홈 오른쪽의 텍스트에 마우스커서를 각각 올려보세요. 간단한 방법으로 마우스커서가 글자 위에 올라갔을 때 글자에 변화를 줍니다. 별 볼 일 없는 듯하지만, 필요할 때도 있겠지요;;
|
| 254 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 17900 | | 2009-04-30 | 2009-04-30 09:41 |
|
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
| 253 |
HTML
textarea에 글자 넣기 및 응용
|
오작교 | 19898 | | 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='마우스가 내려가...
|
| 252 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 19778 | | 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>
|
| 251 |
CSS
텍스트를 정열하는 css
|
오작교 | 15131 | | 2009-07-07 | 2009-07-07 16:43 |
|
text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 기능을 합니다. 들여쓰기가 뭔...
|
| 250 |
CSS
margin의 속성
|
오작교 | 16288 | | 2009-07-07 | 2009-07-07 16:57 |
|
마진(margin).....이란..? 설명하자면 여백을 조절하는 속성이라고 할 까요? 이건 예제를 보면서 익히면 금방 이해하실 수 있을 겁니다. 예제를 보기 전에 참고적으로 , margin속성의 수치단위는 px , pt , in ,cm를 사용할 수 있고요... 마이너스(-)값도 사용...
|
| 249 |
CSS
Text Border 속성
|
오작교 | 15552 | | 2009-07-07 | 2009-07-07 17:01 |
|
border속성은 해당요소의 테두리의 스타일을 지정하는 기능을 합니다. margin보다는 좁은 영역을 가지는 데요. border-width 속성은 테두리의 굵기를 지정해주고, border-color 속성은 색상을 , border-style 속성은 스타일을 지정해주는 기능을 합니다. <styl...
|
| 248 |
CSS
컬러와 관련된 속성들 -1
|
오작교 | 14276 | | 2009-07-07 | 2009-07-07 17:04 |
|
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
|
| 247 |
CSS
background-image
|
오작교 | 17900 | | 2009-07-07 | 2010-04-13 13:29 |
|
background-images 와 background-repeat 에 대한 예제를 보도록 하겠습니다. <style type="text/css"> <!-- body { background-image : url(https://tagmania.net/img/jang.jpg) ; background-repeat : repeat-y ; } .love { font-size : 13px; color : green...
|
| 246 |
CSS
background-image - 2
|
오작교 | 17179 | | 2009-07-07 | 2010-04-13 13:31 |
|
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
| 245 |
CSS
스타일 시트 위치조정과 레이어 조정
|
오작교 | 17976 | | 2009-07-07 | 2009-07-07 17:18 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 244 |
CSS
a태그에서 밑줄 없애기와 이미지 고정
|
오작교 | 27233 | | 2009-07-07 | 2009-07-07 17:22 |
|
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
|
