공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 232107 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 301780 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 249899 | 14 | 2006-09-14 | 2010-08-19 12:45 |
303 |
window.open() 사용례
|
오작교 | 9266 | | 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() 함수 사용법
|
오작교 | 14679 | | 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
|
오작교 | 28473 | | 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 |
HTML
html 특수문자 리스트
|
오작교 | 111588 | | 2015-09-17 | 2015-09-17 09:00 |
HTML 특수문자 리스트 HTML 상에서 특수문자가 제대로 나타나지 않을 수 있기 때문에 아래 문자들를 사용합니다. 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space 	 - 수평탭 space - 줄 삽입 - -&a...
|
299 |
HTML
html4와 5의 요소와 속성 차이
|
오작교 | 19178 | | 2015-09-13 | 2015-09-13 21:38 |
HTML4와 HTML5의 요소와 속성 차이 HTML5 태그의 활용에 대해서 정리를 해달라는 요청이 있어서 W3C의 초안 문서인 HTML5 differences from HTML4에서 요소와 속성을 중심으로 정리를 해 보았다. 실전 HTML5 가이드를 만들때에도 같은 작업을 했었는데 그 이후...
|
298 |
HTML
html4와 5의 차이
|
오작교 | 22792 | | 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...
|
297 |
HTML
테이블 프레임 속성
|
오작교 | 41110 | | 2015-08-30 | 2015-08-30 12:19 |
오늘은 테이블에 프레임속성을 주는 그런 소스가 되겠습니다. 테이블 속성으로는 경계를 정하는 border 속성이 있을수 있겠고 또 정렬을 주는 align도 있겠습니다. 오늘은 그 중에 frame속성입니다. 이것은 예를들어 <table frame="above">를 주면 그 테이블은...
|
296 |
Script
윈도우 객체.. 새 창 관련
|
오작교 | 18841 | | 2015-05-12 | 2015-10-13 08:14 |
window 객체 ......................................................... 아래는 최상위 window객체가 가진 속성과 메서드,이벤트 핸들러의 종류를 훓어보고 몇가지 예제를 해본다. 필요한 작업이 있을 때마다 객체를 찾아보고 속성이 있나, 메서드를 가졌나...
|
295 | |
HTML
미디어 재생 type=audio_x-ms-wma
1
|
오작교 | 30737 | | 2012-03-08 | 2013-04-30 14:17 |
|
294 |
HTML
html 요소 이름의 플어쓴 말과 한국말 표현
|
오작교 | 37402 | | 2011-06-03 | 2011-06-03 10:44 |
HTML 요소 이름의 풀어쓴 말과 한국말 표현 NARADESIGN 이 문서는 여러 개인의 제안을 모아서 만듧니다. 공식적인 표준이 아니며 이 문서에서 권장하는 표현을 사용하지 않았다고 해서 틀리다고 말할 수는 없습니다. 단지 보다 권장하는 표현을 제안하고 있을 ...
|
293 |
CSS
CSS 글꼴 크기 대조표
|
오작교 | 63879 | | 2011-06-03 | 2011-06-03 10:29 |
CSS 글꼴단위 대조표 points pixels ems percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17...
|
292 |
Script
싸이트 머문 시간 표시하기
|
오작교 | 39969 | | 2011-03-22 | 2011-03-22 11:19 |
<head>와 </head> 사이에 넣어 주세요. <script> var t=new Date(); t=t.getTime();h(); function h() { var r=new Date(); document.title="님께서는 오작교의 홈에 "+Math.ceil(((r.getTime()-t)/1000))+" 초째 머물고 계십니다"; status="님께서는 오작교의...
|
291 |
Script
싸이트 접속시 다른 곳으로 유도하기
|
오작교 | 34961 | | 2011-03-22 | 2011-03-22 11:15 |
<META HTTP-EQUIV=REFRESH CONTENT="0; URL='보낼 경로'">
|
290 |
Script
방문자의 모니터 해상도를 나타내는 소스
|
오작교 | 33859 | | 2011-03-22 | 2011-03-22 11:07 |
현재 당신의 해상도는 <script language="Javascript"> document.write(screen.width+"*"+screen.height) </script> 입니다.
|
|
HTML
iframe 태그에 관하여....
|
오작교 | 34126 | | 2011-01-25 | 2011-01-25 10:27 |
아이프레임(iframe) 개인적으로 자주 사용하는(;) 태그입니다.. 별로 잘 사용 되지 않는 태그로 알고있지만 많은 곳에 유용하게 쓸 수 있습니다. 음.. 아이프레임은... 말로하기 어렵군요; 한마디로 한 페이지 안에 또다른 페이지를 작은(?) 공간에 넣을 수 있...
|
288 |
CSS
간단한 폰트 속성 지정
|
오작교 | 32627 | | 2011-01-24 | 2011-01-24 13:02 |
보통 css 에서 폰트 속성을 지정할 때 아래와 같이 하지요... {font-family:굴림; font-size:9pt; color:black} 이것을 좀 더 간단하게 지정할 수 있습니다. {font:9pt "굴림"; color:black}<!--"< </
|
287 |
HTML
셀렉트 박스에서의 정열
|
오작교 | 34494 | | 2011-01-24 | 2011-01-24 10:39 |
우측정열 내용 내용 <SELECT style="direction:rtl;"> <OPTION>내용</OPTION> <OPTION>내용</OPTION> </SELECT> 좌측정열 내용 내용 <SELECT style="direction:ltl;"> <OPTION>내용</OPTION> <OPTION>내용</OPTION> </SELECT>
|
286 |
Script
a href="#" 사용을 할 때 유의사항
|
오작교 | 35216 | | 2011-01-24 | 2011-01-24 10:34 |
가끔 <a href="#" OnClick="Javascript:window.open('https://,,, 이하 생략" 를 부득이 사용할때가 있습니다. 위와 같이 사용하게 되면 클릭시에 "새로고침"이 되서 페이지 전체가 상단(top)으로 이동을 하게 됩니다. 그걸 방지하기위해서 <a href="#" 대신...
|
285 |
CSS
간단히 탭 메뉴 만들기
|
오작교 | 34903 | | 2011-01-24 | 2011-01-24 10:32 |
<style type="text/css"> body { margin: 0px; padding: 0; font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; text-align: center; } ul{ margin: 0; padding: 0; list-style: none; } #treenav { margin: 10px; tex...
|
284 |
CSS
간단히 링크 점선 없애는 방법
1
|
오작교 | 33645 | | 2011-01-24 | 2011-01-24 10:28 |
보통 링크의 점선을 없애기위해 자바스크립트를 이용하거나 onfocus=this.blur(); 이런식으로 처리를 해왔습니다. 그러나 css를 이용하면 간단하게 처리를 할 수 있습니다. css 한 줄로 텍스트링크, 이미지링크 모두 처리가 가능합니다. a { selector-dummy : ...
|