본문 바로가기

전체 글

(116)
접근성을 해치지 않는 팝업 열기 HTML a href="#" onclick="openPopup('popup_print', this.href, '20','20','740','650','0','0','0','1','0'); return false;">새 창a>JSfunction openPopup(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable) { var objPopup; toolbar_str  =  toolbar  ? 'yes' : 'no';  menubar_str  =  menubar  ? 'yes' : 'no';  statusbar_str =  statusbar   ? 'yes' : 'no';  scrollbar_str =  s..
팀교육 : 접근성을 해치지 않는 팝업 열기 HTML 새 창 JS function openPopup(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable) { var objPopup; toolbar_str = toolbar ? 'yes' : 'no'; menubar_str = menubar ? 'yes' : 'no'; statusbar_str = statusbar ? 'yes' : 'no'; scrollbar_str = scrollbar ? 'yes' : 'no'; resizable_str = resizable ? 'yes' : 'no'; objPopup = window.open(url, name, 'left='+left+',top='+top+',..
이미지 갤러리 HTML CSS #gallery p {float:left; border:6px solid #333333; padding:5px} #gallery ul {clear:both; padding:10px 0 0 0} #gallery ul li {float:left; margin:0 4px 0 0; border:4px solid #333333} #gallery ul li.on {border:4px solid #FF3300} JQUERY jQuery(function($){ var imgThumb = $("#gallery ul li"); //썸네일 리스트를 변수로 저장 $("#gallery ul li:eq(0)").addClass("on"); //리스트 중 첫번째에 on 클래스 부여 //alert(thumbLengt..
팀교육 : 이미지 갤러리 HTML CSS #gallery p {float:left; border:6px solid #333333; padding:5px} #gallery ul {clear:both; padding:10px 0 0 0} #gallery ul li {float:left; margin:0 4px 0 0; border:4px solid #333333} #gallery ul li.on {border:4px solid #FF3300} JQUERY jQuery(function($){ var imgThumb = $("#gallery ul li"); //썸네일 리스트를 변수로 저장 $("#gallery ul li:eq(0)").addClass("on"); //리스트 중 첫번째에 on 클래스 부여 //alert(thumbLengt..
html 특수기호 표 (스크랩) Hex Code Entity Code Number Code Character Description " " " Quotation Mark & & & Ampersand ⁄ / / Slash < < Greater Than Sign ‚ &#130; ‚ Single Low-9 Quote „ &#132; „ Double Low-9 Quote † † &#134; † Dagger ‡ &#135; ‡ Double Dagger ‰ &#137; ‰ Per Mill Sign ‹ &#139; ‹ Single Left Angle Quote ‘ &#145; ‘ Left Single Quote ’ &#146; ’ Right Single Quote “ &#147; “ Left Double Quote ” &#148; ” Right Do..
CSS STYLE 완전 정리 @CSS : Cascading Style Sheet 완전기초 #id 명 {property(프로퍼티) : property 값} .class 명 {property(프로퍼티) : property 값} 부르는 방법 ////////////////////////////////////////////////////////////////////////////////////////// @색상과 배경 1.color : {color:red} | {color:#ff0000} | {color:rgb(255,0,0} 2.background : background-color:#ff0000 ==> 배경색 [transparent(투명도)] background-image:url("ma.jpg") ==> 배경이미지[none(이미지없음)] ..
HTML - DTD DTD (Document Type Definition) DTD 종류 DTD은 왜 작성해야 하나 DTD은 브라우저의 랜더링 모드를 지정해주고 유효성 검증기(Validator)의 기준이 되므로 (X)HTML 문서의 상단에 반드시 선언 해 주어야 합니다. 만일 DTD를 생략하거나 형식이 잘못된 문서일 경우에는 웹 브라우저마다 코드의 해석 방식이 다른 Quirks mode로 랜더링이 되기 때문에 엉뚱한 결과물로 출력되는 문제에 직면하게 됩니다. 웹 페이지에서 주로 사용하는 HTML 4.01 과 XHTML 1.0 에는(2007년 기준) 각각 Strict, Transitional, Frameset 의 3가지 DTD가 있습니다. (XHTML1.1에서는 Transitional 과 Frameset은 파기되고 Strict..
HTML - META 태그 정의 ------------------------------------------- meta = 페이지의 적용 되는 태그 페이지의 내용을 정의 하거나 페이지에 관한 모든 사항 을 알리는 태그 사용 ------------------------------------------- 사이에 사용한다. 종류 ------------------------------------------- 1. 이 메타태그는 필수 태그 이 메타태그는 페이지를 기본적으로 한글 폰트로 인코딩할 때 사용됨 이 메타태그는 현재의 문서가 한글로 작성되었다는 것을 의미 합니다. 이 메타태그를 쓰지 않는다면 기본 글꼴만 볼 수 있습니다. ex)굴림체란 글꼴을 지정하고 이 메타태그를 지정하면 브라우저에서 굴림체의 글꼴을 볼 수있습니다. ☞ 드림위버에..