본문 바로가기

Programming/HTML/JavaScript/CSS

[HTML] 특수문자표 출처: 네이버 웹표준스터디 카페 참고: WIKI 문자참조 | W3SCHOOLS HTML Symbol Entities Reference HTML / XHTML 상의 특수기호가 그대로 표시되도록 기술하거나 키보드로 직접 입력할 수 없는 문자를 기술하기 위한 방법을 문자 참조 (character referendes) 라고 합니다. 문자 참조에는 1)문자 실제 참조 (character entity references) 2) 수치 문자 참조 (numerical character references)의 두가지 방식이 있다. 예를들어 " 더보기
[HTML] 색상표 [RED COLOR]#FFF7F7#FEF8F8#FDF9F9#FCF9F9#FFECEC#FCEEEE#FAF1F1#F9F2F2#FFCCCC#F8D2D2#F2D9D9#EFDCDC#FF9999#F2A6A6#E5B2B2#DEB8B8#FF6666#EC7979#D88C8C#CE9595#FF3333#E54C4C#CC6666#BF7373#FF0000#DF2020#BF4040#AF5050#E60000#C91D1D#AC3939#9D4747#CC0000#B21919#993333#8C4040#B30000#9C1616#862D2D#7B3838#990000#861313#722626#682F2F#660000#590D0D#4C1919#451F1F#4D0000#430909#391313#341818#340000#2D0606#270D0D#2.. 더보기
[HTML] input 태그 총정리 1. : 평범하게 글자나 텍스트칸을 넣을 수있는 공간이 생기죠.2. : 기존의 input에다가 type를 지정하여 type의 옵션을 넣으면, 다양한 모양이 됩니다. 단 입력이나 기타 등등의 모양 꼴로 변하죠. 3. : 이건 과 동일한 것인데, text를 넣을 수 있습니다. 4. : 이건 1번과 2번과 3번과 동일한데, 비밀번호로 지정되어 글자를 넣든 숫자를 넣든 **** 더보기
[JavaScript] jQuery의 기본 jQuery는 한 개의 JavaScript 파일로 존재한다. 공통의 DOM, 이벤트, 특수 효과, Ajax 함수를 포함한다. 다음 코드를 쓰면, 웹 페이지로 포함시킬 수 있다: jQuery는 두 가지의 상호 작용 스타일을 갖고 있다:$ 함수 이용. jQuery 오브젝트의 팩토리 메소드이다. 이 함수들은 "chainable"하다: 각각은 jQuery 오브젝트를 리턴한다.$. -가 앞에 붙은 함수 이용. 이들 함수는 jQuery 오브젝트 그 자체와 연동되지는 않는다. 일반적으로 여러 개의 DOM 노드들을 조작하는 웍플로우는 $ 함수로 시작된다. CSS 셀렉터 스트링을 가지고 호출된다. 결과적으로 0개 혹은 그 이상의 HTML 페이지 내의 엘리먼트를 리퍼런스하는 jQuery 오브젝트가 리턴된다. 이 노드 집합.. 더보기
[JavaScript] substr (문자열 나누기) 사용 function jvs_left(str,ea){ rslt = str.substr(0,ea); //substr 은 어디서부터 몇개, substring 는 어디서부터 어디까지 alert(rslt); //return rslt;} function jvs_right(str,ea){ alen = str.length; rslt = str.substr(alen-ea,ea); alert(rslt);} jvs_left(t,1);jvs_right(t,4); t 라는 문자열에서 왼쪽에서 1 개를 끊어오는 함수와, 오른쪽에서 4개를 끊어오는 함수.한글, 영어 상관없이 1개를 끊어오게 하면 한글이 깨지지 않고 통째로(php 는 깨짐) 끊어와서'가' 가 출력되고, 오른쪽에서 4개를 끊어오면 '.php' 가 출력된다. 위의 설명에서.. 더보기
[JavaScript] window 객체 [window 객체] window 객체는 객체의 계층 구조에서 최상위에 존재하며 가장 기본적이면서도 중요한 객체다.창 열기, 창 닫기, 창 크기 조절 등 창을 제어하는 다양한 작업을 할 수 있다. 사용형식)window.속성 : window.속성 = 값window.메소드() : window.메소드(인자 값) 예)window.status="환영합니다." //상태 표시줄에 문자 표시 window.close() // 창을 닫는다.window.open() // 새 창을 연다. ---------------- window 객체의 속성 -------------------○ defaultStatus - 브라우저 상태 표시줄에 표시할 문자열의 초기 값 설정○ status - 상태 표시줄에 표시할 문자열 지정○ window.. 더보기
[CSS] 인터넷 익스플로러 6,7,8에서 CSS3 사용하기 (PIE) http://css3pie.com/About PIE CSS Level 3 brings with it some incredibly powerful styling features. Rounded corners, soft drop shadows, gradient fills, and so on. These are the kinds of elements our designer friends love to use because they make for attractive sites, but are difficult and time-consuming to implement, involving complex sprite images, extra non-semantic markup, large JavaScript lib.. 더보기
[CSS] border-radius 생성기 CSS3 의 강점들 중 하나인 border-radius ! http://border-radius.com/ ↑ 수치만 입력하면 알아서 border-radius 의 웹표준 css 코드를 만들어 준다. 다만, 인터넷 익스플로러 (IE) 에서는 출력이 제대로 안되는 경우가 있으므로, PIE 참조해서 사용해야 한다. 더보기
웹 프로그래밍 언어별 no-cache (페이지 만료) 방법 언어별 no-cache 리스트 HTML ASP JSP PHP WML .. .. JSP의 사용예 테스트 페이지 만료,캐쉬설정 Expires Pragma Cache-Control no-cache 만료 및 Expires 헤더 만료일을 지정하는 헤더 Cache-Control 헤더 IE는 HTTP 1.1 Cache-Control 헤더를 지원한다 Pragma:no-cache 헤더 레거시 HTTP 1.0 서버는 Cache-Control 헤더를 사용할 수 없다. 이전 버전과 HTTP 1.0 서버와의 호환을 위해 Internet Explorer는 HTTP Pragma:no-cache 헤더의 특수한 사용을 지원한다 웹서버의 설정 또는 기타 각 프로그램에서 코딩으로도 제어 할 수 있다. [IIS] [HTML예제] [ASP예.. 더보기