Web/HTML (23) 썸네일형 리스트형 DOM / Script DOM / Script 문서 객체 모델(DOM; Document Object Model)은 HTML내에 들어 있는 요소를 구조화 객체 모델로 표현하는 형식이다. DOM은 플랫폼/언어 중립적으로 구조화된 문서를 표현하는 W3C 표준 모델이 기반이 된다. (1) 객체 접근방법 document.getElementById(aId) document.getElementByTagName(aTagName) 기존방식 밖에 지원안하는 IE 지원 function getObject(objectId) { if(document.getElementById && document.getElementById(objectId) { return document.getElementById(objectId); // check W3C DOM }.. CSS 7. CSS http://csszengarden.com http://phonophunk.com/ (1) CSS의 선언 Selector 와 선언부 (p.text : Selector, {} : 선언부) p.text { margin: 0; } Selector는 ,로 구분할 수 있다. p.text, span.name { color: #666; } 일반 선택자 - 공용 선택자 * : 모든 태그 지정 div.search * { vertical-align: middle } --> div.search 안의 모든 엘리먼트가 다 적용 - 타입 선택자 A : 태그 A 지정 - 클래스 선택자 .A : 클래스가 A인 태그를 지정 - ID 선택자 #A : 아이디가 A인 태그를 지정 복합 선택자 - 하위 선택자 A B : 태그 A.. XML 일반 문법 준수 6. XHTML 일반 문법 준수 (1) 정확한 문서 구조 준수 문서의 루트 요소는 html이 되어야 하며, 이 html 요소는 XHTML 네임스페이스를 지정해야 한다. 표준 문서에는 head, title 및 body 구조 요소가 포함되어야 한다. 프레임 세트 문서에는 head, title 및 frameset 구조 요소가 포함되어야 한다 (2) 모든 요소는 완벽하게 중첩되어야 한다. This is a bad example. This is a good example. (3) 모든 속성 값은 인용 부호(“나 ‘)로 묶어야 한다. 틀린 경우 맞는 경우 (4) 모든 요소와 속성은 소문자여야 한다. 틀린 경우 맞는 경우 (5) 모든 요소는 닫아야 한다. XML을 사용할 수 없는 이전 브라우저와의 호환성을 위해 />.. HTML / JavaScript /////////////////////// HTML / Javascript //////////////////////// 1. 용어 정리 (1) HTML (Hypertext Markup Language) 웹페이지를 표시하는 기본언어 최신의 HTML 표준은 4.01이지만 HTML을 XML과 결합한 XHTML(eXtensible Hypertext Markup Language)이 권고안으로 나와있다. (2) CSS(Cascading Style Sheets) CSS는 사용자 정의의 디자인 속성, 즉 글꼴, 크기, 색상, 이벤트 등을 지정할 수 있으며 CSS를 사용한 모든 페이지는 기존 버전과의 호환성 되게 어떤 브라우저에서도 내용을 열 람할 수 있다. CSS를 이용하여 설계자는 서로 다른 화면 해상도와 브라우저 .. JQUERY 설정 1. jqery.com 으로 이동 2. UI 클릭 3. UI -> Themes 4. Family 돋움,dotum, 입력 5. Download theme 6. 1.8.21 -> Download 7. 압축을 풀고 난후에 index.html -> index2.html로 변경 후에 WebContent 에 복사를 한다. 8. 빨간 테두리 부분을 복사를 한다. 9. html 파일을 생성 할때마다 복사해서 붙여 놓으면 JQERY 설정은 이로써 끝난 것이다. jq02.html jq02.html 전체선택 타겟 탭 1" 탭 2" 탭 3" 첫번째 탭이다 영태씨 자전거 1시간 체력 ㅋㅋㅋㅋㅋㅋㅋ 수영소녀 유란 3년 경력 !!!!!!! jq01.html jq01.html 타겟!!! 애프터스쿨 시스타 a-pink f(x) 나인뮤지스 04.html 04.html 여기가 타겟!! 이전 1 2 3 다음
