이준빈은 호박머리

아래의 체크박스나 라디오 속성을 가진 input 태그를 CSS를 사용하여 버튼(button) 모양으로 설정하는 방법입니다. ※ 원리는 checkbox나 radio 속성을 가진 input 태그를 DIV로 감싸주는 방법이고 CSS에 설정된 스타일 소스는 DIV에 적용되는 소스입니다. 예제 소스 이준빈은 호박머리(CSS) radio_1 radio_1 check_1 check_1 radio_1 radio_2 check_1 check_2 실행결과

위의 코드처럼 div, iframe 등의 높이(height)를 100%로 적용하였는데 사이즈 조절이 퍼센트로 적용되지 않을 경우 해결방법입니다. 일단 이 문제의 원인은 parent element의 height의 영향 때문입니다. 최상단에 아래의 DOCTYPE 코드를 삽입합니다.(아래는 XHTML 1.0 DOCTYPE 코드)※소스 형태(HTML4, HTML5, XHTML 1.0)에 따라 DOCTYPE 코드가 달라집니다. 그래도 적용이 되지 않는다면아래의 css 코드를 추가하면 height 값을 퍼센트로 수정할 수 있습니다.

HTML 웹표준, 유효성 검사 방법(W3C 지원)HTML 웹페이지를 생성 후 웹표준, 유효성 검사를 할 수 있는 방법입니다. 1. 먼저 http://validator.w3.org 로 접속 후 Addrees 입력란에 검사할 URL을 입력 후 Check 버튼을 클릭합니다. 2. Result 항목에 검사 결과가 출력됩니다. 13개의 에러와 2개의 경고인데, 경고는 단순히 참고만 하되 에러는 꼭 수정해야합니다. 3. 스크롤을 아래로 내려보면 13개의 에러에 관한 상세 내용들이 출력됩니다. 에러들을 수정 후 페이지를 새로고침(F5) 해보면 바로바로 결과를 확인할 수 있습니다. ※ 유효성 검사는 인터넷 익스플로러(IE)에서 F12 키를 눌러 개발자 도구 창에서도 확인 가능합니다. 최상휘 메뉴 중 유효성 검사 - H..

웹 개발 시 본인의 컴퓨터에 있는 브라우저에 맞춰레이아웃을 짰는데 다른 브라우저나 다른 컴퓨터에서테이블이 깨지거나 스크립트가 실행이 되지 않는다거나 하는문제가 발생합니다.특히 IE가 대표적인데, IE 버전별, 호환성보기 유무에 따라렌더링 차이가 극심합니다. IE에서 호환성보기 유무, 버전의 렌더링 차이를 해결하기 위해head 태그 안쪽 가장 상위에 메타(meta) 태그 를 한줄 추가합니다. content에 들어가는 내용이 IE 버전입니다. Edge로 값을 주면 가장 최신 버전의 IE로 인식이 됩니다. ex) 아래와 같이

HTML 소스를 사용하여 인쇄영역(페이지)를 나누는 방법. 페이지 분리.아래에서는 div를 사용하여 block-level element를 지정했지만, , 태그를 사용해도 됩니다. ... 출력할 내용1 출력할 내용2 ... 출력할 내용을 지정한 블록마다 페이지가 설정되어 페이지 나누기를 할 수 있습니다. page-break-before와 page-break-after, page-break-inside가 있습니다. 대체적으로 page-break-before를 사용합니다.page-break-before는 이 엘리먼트가 나오기 전까지의 문자를 한 페이지로 구분합니다.page-break-after는 이 엘리먼트가 나온 이 후의 문자를 한 페이지로 구분합니다. 각 속성의 의미(대체적으로 always만 사용함)aut..

즐겨찾기에 추가 버튼 만들기var favoriteurl="http://h5bak.tistory.com/";    //즐겨찾기에 추가될 URLvar favoritetitle="이준빈은 호박머리";            //즐겨찾기에 추가될 페이지명function addfavorites() {if (document.all)window.external.AddFavorite(favoriteurl,favoritetitle);}

마우스 오른쪽 클릭 후 바탕화면에 바로가기 만들기를 하거나즐겨찾기에 추가 후 바탕화면에 바로가기를 만들거나할 때 아이콘은 브라우저의 기본 아이콘입니다.이 아이콘을 변경하고자할 때 HTML 소스에 설정하는 소스입니다. 아래와 같이

오른쪽 마우스 클릭 방지 방법입니다. 1. body 태그에 아래처럼 추가해주면 됩니다. 2. 컨텍스트 메뉴 방지 스크립트 사용.

Defalut : 한글/영문 Defalut : 영문만 Defalut : 한글 (한글 / 영문 입력가능) Defalut : 영문(한글 / 영문 입력가능)

onChange는 아래와 같이 쓰입니다. 에서 onChange를 사용하는 방법은 아래와 같습니다.

window.showModalDialog 사용시 캐쉬에 값이 남아있어 등록/수정/삭제 후 값이 제대로 적용되지 않을 상황이 있습니다. 그럴때 헤드 태그 사이에 메타 태그를 추가하면 캐쉬를 사용하지 않는 설정으로 변경됩니다.

버튼 위의 빨간색 부분(onsubmit="return false;")을 추가하면 엔터키를 눌렀을 경우 자동으로 Submit(); 되는 부분을 방지할 수 있습니다.

index.html(부모창) 모달팝업 띄우기 -------------------------------------------------------------------------------------------------------- son.html(자식창) 창닫기 -------------------------------------------------------------------------------------------------------- 자식창에서 부모창으로, 부모창에서 자식창으로 값을 보내거나, 자식창이 닫히고 부모창이 새로 고침되는 부분은자식창에서 window 객체에 ok라는 값을 담아 부모창으로 넘겨주어 return 값에 따른 액션을 구현할 수 있습니다. 모달팝업(showModalDial..