| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 200019 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 215587 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 214659 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 203 |
CSS
스타일 시트를 계속 사용하지
|
오작교 | 9304 | 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 하...
|
| 202 |
일반
Form 태그
1
|
오작교 | 11699 | 17 | 2006-05-06 | 2006-05-06 09:30 |
|
※ form 태그란? 일반적으로 form태그는 입력양식을 만들 때 많이 사용됩니다. 입력양식이란 어떠한 데이터를 받아 전송해주는 양식을 말하는 것입니다. 예를 들자면 방명록이나 게시판, 설문조사, 회원등록 폼 등 이런 것을 말하는 것이죠. 이러한 입력양식의 ...
|
| 201 |
CSS
스타일시트 -1
|
오작교 | 9725 | 17 | 2006-04-17 | 2006-04-17 16:03 |
|
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
|
| 200 |
HTML
홈페이지를 만들어 보자 (템플릿 -3)
|
오작교 | 12411 | 16 | 2007-02-03 | 2007-02-03 20:50 |
|
앞 장에서는 화면 분할을 해봤죠? ^^ 그럼 이제 분할한 화면의 내용을 채워보도록 하겠습니다. 내용을 만들기 앞서 빠른 이해를 돕기위해 아래 그림을 봐주시기 바랍니다. 그림이 영 허접이라..-_-;; 그림은 조금만 보시고 원리만 이해하시길 바랍겠습니다. ^^...
|
| 199 |
Script
새창 띄우기 창닫기 -1
|
멋진그대 | 13219 | 16 | 2007-01-29 | 2007-01-29 14:52 |
|
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
| 198 |
Script
이미지를 뒤집자
|
오작교 | 13441 | 16 | 2006-09-14 | 2006-09-14 13:01 |
|
img src=https://www.yeoyoo.com/script/images/bottom_03_over.gif> span style=filter:flipv();height:1px;>-- 상하로 뒤집기 img src=https://www.yeoyoo.com/script/images/bottom_03_over.gif> span style=filter:flipH();height:1px;>-- 옆으로 뒤집기 ...
|
| 197 |
CSS
스크롤바를 따라 다니는 레이어
|
오작교 | 10260 | 16 | 2006-09-14 | 2006-09-14 10:42 |
|
페이지 전체가 어수선하고 지저분해지는 등 썩 추천할 만한 기능은 아니지만 공부를 하는 것이니까 알아두는 것이 좋을 듯 합니다. 헤드부분에.... <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScr...
|
| 196 |
Script
브라우져 창의 스크롤 트랙을 완전히 없애자
|
오작교 | 12085 | 16 | 2006-09-14 | 2006-09-14 10:33 |
|
브라우저창의 스크롤 트랙을 없애서 트랙사이즈인 20픽셀만큼을 더 사용하기입니다,, 다음을 헤드나 바디에 넣으세요,, <script language="JavaScript"> function get_IEscroll(choice) { if (document.all) { document.body.scroll = choice; } } //--> </scr...
|
| 195 |
Script
홈 접속한 시간 나타내기
|
오작교 | 12318 | 16 | 2006-05-06 | 2006-05-06 20:54 |
|
<SCRIPT LANGUAGE="JavaScript"> <!-- Stamp = new Date(); document.write('' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '<br>'); var Hours; var Mins; var Time; Hours = Stamp.getHours(); if (Hours >= 12) { Time = " P.M....
|
| 194 |
Script
현재 문서의 소스를 메모장으로 보여주기
|
오작교 | 17410 | 16 | 2006-05-06 | 2006-05-06 20:48 |
|
현재 문서의 소스를 메모장을 띄워서 보여 줍니다. <p align="center"> <input type="button" name="formbutton1" value="소스를 보아요" onclick="gogo()"> </p> <script language="JavaScript"> <!-- function gogo(){ location.href="view-source:" + locat...
|
| 193 |
CSS
스타일 시트 총정리
|
오작교 | 9711 | 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...
|
| 192 |
CSS
스타일 시트 위치지정과 레이어
1
|
오작교 | 9749 | 16 | 2006-05-06 | 2006-05-06 10:29 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 191 |
일반
태그 배너 모임
|
오작교 | 12660 | 16 | 2005-08-25 | 2005-08-25 00:50 |
|
|
| 190 |
HTML
테이블(2신) - 펌
|
오작교 | 11699 | 15 | 2007-06-19 | 2007-06-19 16:59 |
|
Table 에관하여 2신 Table 테두리 두번째 시간. 테이블 테두리 상하좌우 설정에 대하여 테이블 테두리 1신은 모두 익히셨어요? 복사해서 사용하지 마시고 직접 타이핑해서 만드세요. 그래야 실력이 늘어요!! 1신에서 style="border-style:변수; 를 넣으면 테...
|
| 189 |
HTML
이미지의 맵 - 1
|
오작교 | 12515 | 15 | 2007-02-03 | 2010-08-19 13:22 |
|
※ 이미지 맵의 정의 이미지 맵이란 하나의 이미지의 일부분에 링크를 시키는 것을 말합니다. 그러니깐 지금까지는 이미지를 링크로 이용할 때는 그냥 이미지 전체가 링크 되었잖아요^^ 근데 이미지맵은 하나의 커다란 이미지에 영역을 나누어서 여러 개의 링크...
|
| 188 |
HTML
이미지에 효과를 주어보자 - 2
|
오작교 | 13184 | 15 | 2007-02-03 | 2007-02-03 20:34 |
|
4. dropshadow 특정위치에 그림자를 만들어 줍니다. 한가지 주의점은 dropShadow는 DIV, MARQUEE, SPAN, TABLE, TD, TH에만 적용됩니다 속 성 기 능 color=색명 or RGB색상코드 그림자의 색상을 지정 offx=수치 offy=수치 대상으로부터 그림자의 x,y좌표 posit...
|
| 187 |
HTML
iframe 태그 -3
1
|
오작교 | 12926 | 15 | 2006-10-31 | 2006-10-31 09:59 |
|
⑤ ifram 응용 이제부턴 약간의 iframe 을 이용해서 홈페이지에서 멋찌게 사용할 수 있는 방법을 알려드리도록 하겠습니다. <body bgcolor="cornflowerblue"> <font size="3" face="돋움체">아래는 iframe 예제입니다.</font><br> <iframe src="https://tagmani...
|
| 186 |
CSS
CSS를 활용한 배경 투명하게 하기
|
오작교 | 17210 | 15 | 2006-09-14 | 2006-09-14 12:55 |
|
<body style="background-color:transparent"> 를 넣으면 완전한 투명프레임 아이프레임일 경우, 반투명은 속성에 <iframe src~ allowTransparency="true"></iframe> iframe 에 들어간 문서속에 style="filter: Alpha(Opacity=65);" 이렇게 스타일을 넣어 줍니...
|
| 185 |
Script
새창의 아무 곳이나 클릭해도 닫히기
|
오작교 | 12435 | 15 | 2006-09-14 | 2006-09-14 11:36 |
|
아래 소스를 body 부분에 추가하세요. <body onclick="window.close()" style="cursor:hand">
|
| 184 |
CSS
배경 고정시키기
|
오작교 | 9744 | 15 | 2006-04-17 | 2006-04-17 16:14 |
|
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
